@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);:root{--primary-green:#0f9f71;--primary-green-dark:#0a7f5a;--primary-green-light:#36c995;--primary-green-50:#eefbf5;--primary-green-100:#d7f6e8;--primary-green-200:#afeacc;--accent-teal:#0ea5a4;--accent-blue:#2563eb;--accent-amber:#d97706;--accent-violet:#7c3aed;--gray-50:#f8faf8;--gray-100:#eef2ef;--gray-200:#dde5df;--gray-300:#c6d0c9;--gray-400:#95a39a;--gray-500:#647169;--gray-600:#445049;--gray-700:#2c3631;--gray-800:#1d2520;--gray-900:#0f1612;--red:#e44747;--yellow:#f2a100;--shadow-sm:0 1px 2px #0f17120d;--shadow-md:0 10px 30px #14251c14;--shadow-lg:0 18px 48px #12271d1f;--shadow-xl:0 24px 70px #0e1f1824;--shadow-green:0 18px 40px #0f9f7133;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:30px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,#36c9951f,#0000 26%),radial-gradient(circle at 82% 12%,#0ea5a41a,#0000 22%),linear-gradient(180deg,#f4faf6,#eef6f1 48%,#f9fcfa);color:#0f1612;color:var(--gray-900);margin:0}#root,body{min-height:100vh}canvas,img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}a,button{color:inherit}textarea{resize:vertical}::selection{background:#0f9f712e;color:#0f1612;color:var(--gray-900)}:focus-visible{outline:3px solid #0f9f7147;outline-offset:2px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#dde5df8c}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f9f718c,#0ea5a499);border:2px solid #ffffffa6;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0f9f71c7,#0ea5a4cc)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{caret-color:#0a7f5a;caret-color:var(--primary-green-dark);color:#1d2520;color:var(--gray-800)}input::placeholder,textarea::placeholder{color:#95a39a;color:var(--gray-400)}button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,opacity .18s ease}button:disabled{cursor:not-allowed}table{width:100%}.admin-content,.guard-content,.resident-content{grid-gap:1.35rem;align-content:start;display:grid;gap:1.35rem}.module-stage{background:linear-gradient(180deg,#ffffff94,#ffffff38);border:1px solid #ffffffd1;border-radius:34px;border-radius:calc(var(--radius-2xl) + 4px);box-shadow:inset 0 1px 0 #fffc,0 18px 42px #0f172a0d;overflow:hidden;padding:1rem;position:relative}.module-stage:before{background:radial-gradient(circle at top left,#36c99529,#0000 28%),radial-gradient(circle at bottom right,#2563eb14,#0000 24%);content:"";inset:0;pointer-events:none;position:absolute}.module-stage__inner{position:relative;z-index:1}@media (max-width:767px){.module-stage{border-radius:24px;padding:.75rem}}.app-shell,.auth-screen{min-height:100vh}.auth-screen{align-items:center;display:flex;justify-content:center;padding:1.5rem;position:relative}.auth-layout{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:minmax(300px,.9fr) minmax(0,1.15fr);position:relative;width:min(1220px,100%);z-index:1}.auth-layout--compact{grid-template-columns:minmax(300px,.95fr) minmax(0,.95fr);width:min(1080px,100%)}.auth-layout--wide{grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr)}.auth-brand-panel,.auth-card-shell{min-width:0}.auth-brand-panel{background:linear-gradient(145deg,#ffffffa6,#ffffff14);border-radius:32px;box-shadow:0 22px 60px #0d1f171f;overflow:hidden;padding:1px;position:relative}.auth-brand-panel:after,.auth-brand-panel:before{border-radius:999px;content:"";pointer-events:none;position:absolute}.auth-brand-panel:before{background:radial-gradient(circle,#36c99559,#0000 72%);height:240px;right:-70px;top:-80px;width:240px}.auth-brand-panel:after{background:radial-gradient(circle,#2563eb2e,#0000 74%);bottom:-90px;height:220px;left:-70px;width:220px}.auth-brand-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#f4fbf7db),linear-gradient(180deg,#ffffffd1,#ffffffa6);border:1px solid #ffffff73;border-radius:31px;display:flex;flex-direction:column;gap:1.75rem;justify-content:space-between;min-height:100%;padding:2.25rem;position:relative;z-index:1}.auth-brand-kicker{align-items:center;background:#0f9f711c;border-radius:999px;color:var(--primary-green-dark);display:inline-flex;font-size:.75rem;font-weight:800;letter-spacing:.08em;padding:.45rem .85rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.auth-brand-title{color:var(--gray-900);font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.05em;line-height:1.04;margin:0}.auth-brand-copy{color:var(--gray-600);font-size:1rem;line-height:1.75;margin:0;max-width:32rem}.auth-brand-stats{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.auth-brand-stat{background:#ffffffc7;border:1px solid #0f9f711a;border-radius:20px;box-shadow:0 10px 28px #10241c0f;padding:1rem}.auth-brand-stat strong{color:var(--gray-900);display:block;font-size:1.15rem;font-weight:800;margin-bottom:.3rem}.auth-brand-stat span{color:var(--gray-500);display:block;font-size:.82rem;font-weight:600;line-height:1.45}.auth-brand-list{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.auth-brand-list li{background:#ffffffb8;border:1px solid #0f9f7114;border-radius:18px;color:var(--gray-700);font-size:.95rem;font-weight:600;line-height:1.5;padding:.95rem 1rem .95rem 3rem;position:relative}.auth-brand-list li:before{background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));border-radius:999px;box-shadow:0 0 0 6px #0f9f711a;content:"";height:1.15rem;left:1rem;position:absolute;top:1rem;width:1.15rem}.auth-card-shell{align-items:stretch;display:flex}.app-success-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.app-success-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffed;border:1px solid #ffffff94;border-radius:32px;box-shadow:0 24px 80px #10241c1f;padding:3rem 2.2rem;text-align:center;width:min(560px,100%)}.app-success-icon-wrap{align-items:center;background:linear-gradient(145deg,#0f9f7129,#36c9951f);border-radius:999px;box-shadow:inset 0 1px 0 #ffffffa6;display:flex;height:5.5rem;justify-content:center;margin:0 auto 1.5rem;width:5.5rem}.app-success-icon-wrap svg{color:var(--primary-green-dark);height:2.4rem;width:2.4rem}.app-success-title{color:var(--gray-900);font-size:clamp(1.7rem,4vw,2.35rem);letter-spacing:-.04em;line-height:1.1;margin:0 0 .7rem}.app-success-copy{color:var(--gray-600);font-size:1rem;font-weight:500;line-height:1.75;margin:0 auto;max-width:33rem}.app-success-meta{align-items:center;background:#0f9f7117;border-radius:999px;color:var(--primary-green-dark);display:inline-flex;font-size:.82rem;font-weight:700;justify-content:center;margin-top:1.35rem;padding:.65rem 1rem}@media (max-width:1024px){.auth-layout,.auth-layout--compact,.auth-layout--wide{grid-template-columns:1fr;width:min(760px,100%)}.auth-brand-card{min-height:auto}}@media (max-width:640px){.app-success-screen,.auth-screen{padding:1rem}.app-success-card,.auth-brand-card{padding:1.5rem}.auth-brand-stats{grid-template-columns:1fr}}.login-container{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5 50%,#a7f3d0);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--white);border-radius:24px;box-shadow:0 20px 60px #10b98126,0 0 0 1px #10b9810d;max-width:450px;padding:3rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%;z-index:1}.login-card:hover{box-shadow:0 25px 70px #10b98133,0 0 0 1px #10b98114;transform:translateY(-5px)}.login-header{margin-bottom:2.5rem;text-align:center}.logo-container{height:100px;margin-bottom:1.5rem;width:100px}.login-title{color:#111827;color:var(--gray-900);font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.login-subtitle{color:#4b5563;color:var(--gray-600);font-size:.95rem;font-weight:400}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-input{background-color:#f9fafb;background-color:var(--gray-50);border:2px solid #0000}.form-input:focus,.form-input:hover{background-color:#fff;background-color:var(--white)}.forgot-password{margin-top:.5rem;text-align:center}.forgot-password-link{background:none;border:none;color:#10b981;color:var(--primary-green);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:0;position:relative;text-decoration:none;transition:all .2s ease}.forgot-password-link:after{background-color:#10b981;background-color:var(--primary-green);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.forgot-password-link:hover{color:#059669;color:var(--primary-green-dark)}.forgot-password-link:hover:after{width:100%}.divider{margin:.5rem 0}.register-link{color:#4b5563;color:var(--gray-600);font-size:.875rem;text-align:center}.register-link button{background:none;border:none;color:#10b981;color:var(--primary-green);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;margin-left:.375rem;padding:0;position:relative;transition:all .2s ease}.register-link button:after{background-color:#10b981;background-color:var(--primary-green);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.register-link button:hover{color:#059669;color:var(--primary-green-dark)}.register-link button:hover:after{width:100%}@media (max-width:480px){.login-card{padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.875rem}.logo-container{height:70px;width:70px}.logo-icon{height:35px;width:35px}}:root{--blue-500:#3b82f6;--blue-600:#2563eb}.register-container{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5 50%,#a7f3d0);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;position:relative}.background-decoration{height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.leaf-pattern{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#10b9811a 0,#0000 70%);border-radius:50%;height:200px;width:200px}.leaf-1{animation-delay:0s;left:-100px;top:-100px}.leaf-2{bottom:-100px;right:-100px}.leaf-3{animation-delay:14s;left:-50px;top:50%}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.register-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--white);border-radius:24px;box-shadow:0 20px 60px #10b98126,0 0 0 1px #10b9810d;margin:auto;max-width:700px;padding:2.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%;z-index:1}.register-card:hover{box-shadow:0 25px 70px #10b98133,0 0 0 1px #10b98114;transform:translateY(-5px)}.register-header{margin-bottom:2rem;text-align:center}.logo-container{animation:pulse 3s ease-in-out infinite;background:#fff;background:var(--white);border-radius:50%;box-shadow:0 10px 30px #10b9814d;height:90px;padding:.5rem;width:90px}@keyframes pulse{0%,to{box-shadow:0 10px 30px #10b9814d}50%{box-shadow:0 10px 40px #10b98180}}.logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.register-title{color:#111827;color:var(--gray-900);font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.register-subtitle{color:#4b5563;color:var(--gray-600);font-size:.95rem;font-weight:400}.register-form{gap:1.5rem}.form-section,.register-form{display:flex;flex-direction:column}.form-section{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;gap:1rem;padding:1.5rem;transition:all .3s ease}.form-section:hover{background:#fff;background:var(--white);border-color:#6ee7b7;border-color:var(--secondary-green);overflow:visible}.section-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.section-title,.section-title-wrapper{align-items:center;display:flex;gap:.5rem}.section-title-wrapper{flex:1 1}.section-icon{color:#10b981;color:var(--primary-green)}.section-description{color:#4b5563;color:var(--gray-600);font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.required-badge{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);border-radius:12px;color:#fff;color:var(--white);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .625rem;text-transform:uppercase}.form-label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.01em}.input-hint{color:var(--gray-500);display:block;font-size:.75rem;font-style:italic;margin-top:.25rem}.form-group .input-hint{margin-top:.375rem}.email-verification-controls{align-items:stretch;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.875rem}.email-otp-group{display:flex;flex:1 1;gap:.75rem;min-width:280px}.email-otp-input{flex:1 1;font-weight:700;letter-spacing:.3rem;min-width:0;text-align:center}.email-action-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #10b981;border:2px solid var(--primary-green);border-radius:12px;color:#059669;color:var(--primary-green-dark);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:700;justify-content:center;min-height:52px;padding:.875rem 1rem;transition:all .2s ease;white-space:nowrap}.email-action-btn:hover:not(:disabled){background:#d1fae5;background:var(--accent-green);transform:translateY(-1px)}.email-action-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.email-action-btn-success{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);border-color:#0000;color:#fff;color:var(--white)}.email-otp-btn{min-width:132px}.email-verification-status{border-radius:12px;font-size:.875rem;font-weight:600;line-height:1.5;margin-top:.75rem;padding:.75rem .9rem}.email-verification-status-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.email-verification-status-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.email-verification-status-error{background:#fee2e2;background:var(--error-bg);border:1px solid #fecaca;border:1px solid var(--error-border);color:#b91c1c}.form-input{background-color:#fff;background-color:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;color:#111827;font-family:inherit;font-size:1rem;outline:none;padding:.875rem 1.125rem;transition:all .3s ease}.form-input::placeholder{color:#d1d5db;color:var(--gray-300)}.form-input:hover{border-color:#6ee7b7;border-color:var(--secondary-green)}.form-input:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 4px #d1fae5;box-shadow:0 0 0 4px var(--accent-green)}.password-toggle{background:none;border-radius:8px;color:#4b5563;color:var(--gray-600);padding:.5rem;right:1rem}.password-toggle:hover{background-color:#d1fae5;background-color:var(--accent-green);color:#10b981;color:var(--primary-green)}.password-toggle:focus{outline:2px solid #10b981;outline:2px solid var(--primary-green);outline-offset:2px}.identification-section{background:linear-gradient(135deg,#d1fae5,#f0fdf4);background:linear-gradient(135deg,var(--accent-green) 0,var(--background-green) 100%);border:2px solid #6ee7b7;border:2px solid var(--secondary-green)}.file-input-hidden{display:none}.file-upload-area{background:#fff;background:var(--white);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.file-upload-area:hover{background:#eff6ff;border-color:#3b82f6;border-color:var(--blue-500)}.file-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.75rem}.upload-icon{color:#3b82f6;color:var(--blue-500);transition:all .3s ease}.file-upload-area:hover .upload-icon{color:#2563eb;color:var(--blue-600);transform:translateY(-5px)}.upload-text{color:#374151;color:var(--gray-700);font-size:1rem;font-weight:600}.upload-subtext{color:#4b5563;color:var(--gray-600);font-size:.875rem}.file-preview{align-items:center;animation:slideIn .3s ease;background:#fff;background:var(--white);border:2px solid #3b82f6;border:2px solid var(--blue-500);border-radius:12px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .3s ease}.file-preview:hover{box-shadow:0 4px 12px #3b82f626}.file-info{align-items:center;display:flex;flex:1 1;gap:1rem}.file-icon{color:#3b82f6;color:var(--blue-500);flex-shrink:0}.file-details{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.file-name{color:#111827;color:var(--gray-900);font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#4b5563;color:var(--gray-600);font-size:.8125rem}.btn-remove-file{align-items:center;background:#fee2e2;background:var(--error-bg);border:none;border-radius:8px;color:#ef4444;color:var(--error-red);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-remove-file:hover{background:#ef4444;background:var(--error-red);color:#fff;color:var(--white);transform:scale(1.1)}.family-members-section{background:linear-gradient(135deg,#d1fae5,#f0fdf4);background:linear-gradient(135deg,var(--accent-green) 0,var(--background-green) 100%);border:2px solid #6ee7b7;border:2px solid var(--secondary-green)}.family-members-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.btn-add-member{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #10b98140;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.125rem;transition:all .3s ease;white-space:nowrap}.btn-add-member:hover{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--primary-green-dark) 0,var(--primary-green) 100%);box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.btn-add-member:active{transform:translateY(0)}.no-members-message{background:#fff;background:var(--white);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:12px;padding:3rem 1rem;text-align:center}.no-members-icon{color:#d1d5db;color:var(--gray-300);margin-bottom:1rem}.no-members-message p{color:#374151;color:var(--gray-700);font-size:1rem;font-weight:600;margin-bottom:.25rem}.no-members-message span{color:#4b5563;color:var(--gray-600);font-size:.875rem}.family-member-card{animation:slideIn .3s ease;background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;padding:1.25rem;transition:all .3s ease}.family-member-card:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 4px 12px #10b9811a}.family-member-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.member-badge{gap:.5rem}.member-badge,.member-number{align-items:center;display:inline-flex}.member-number{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);border-radius:8px;color:#fff;color:var(--white);font-size:.875rem;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:0 .625rem}.primary-contact-badge{align-items:center;background:#0ea5e91a;border-radius:999px;color:#0369a1;display:inline-flex;font-size:.75rem;font-weight:700;min-height:28px;padding:.35rem .65rem}.btn-remove-member{align-items:center;background:#fee2e2;background:var(--error-bg);border:none;border-radius:8px;color:#ef4444;color:var(--error-red);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-remove-member:hover{background:#ef4444;background:var(--error-red);color:#fff;color:var(--white);transform:scale(1.1)}.family-member-inputs{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-group-inline{display:flex;flex-direction:column;gap:.375rem}.form-label-sm{color:#374151;color:var(--gray-700);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.form-input-sm{background-color:#f9fafb;background-color:var(--gray-50);border:2px solid #0000;border-radius:10px;color:#111827;color:var(--gray-900);font-family:inherit;font-size:.9375rem;outline:none;padding:.75rem .875rem;transition:all .3s ease;width:100%}.form-input-sm::placeholder{color:#d1d5db;color:var(--gray-300)}.form-input-sm:hover{border-color:#6ee7b7;border-color:var(--secondary-green)}.form-input-sm:focus,.form-input-sm:hover{background-color:#fff;background-color:var(--white)}.form-input-sm:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 3px #d1fae5;box-shadow:0 0 0 3px var(--accent-green)}.primary-contact-choice{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:10px;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.55rem;margin-top:1rem;padding:.8rem .9rem}.primary-contact-choice input{accent-color:#10b981;accent-color:var(--primary-green);height:16px;width:16px}.error-message{animation:slideIn .3s ease;background-color:#fee2e2;background-color:var(--error-bg);border:1px solid #fecaca;border:1px solid var(--error-border);border-radius:12px;color:#ef4444;color:var(--error-red);font-size:.875rem;font-weight:500;gap:.75rem;padding:.875rem 1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:1.125rem}.btn-primary{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem;transition:all .3s ease;width:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--primary-green-dark) 0,var(--primary-green) 100%);box-shadow:0 6px 25px #10b98166;transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 10px #10b9814d;transform:translateY(0)}.btn-primary:disabled{background:linear-gradient(135deg,#d1d5db,#e5e7eb);background:linear-gradient(135deg,var(--gray-300) 0,var(--gray-200) 100%);box-shadow:none;transform:none}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;height:16px;width:16px}.divider{align-items:center;display:flex;margin:.25rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);content:"";flex:1 1}.divider span{font-weight:500;padding:0 1rem}.divider span,.login-link{color:#4b5563;color:var(--gray-600);font-size:.875rem}.login-link{text-align:center}.login-link button{background:none;border:none;color:#10b981;color:var(--primary-green);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;margin-left:.375rem;padding:0;position:relative;transition:all .2s ease}.login-link button:after{background-color:#10b981;background-color:var(--primary-green);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.login-link button:hover{color:#059669;color:var(--primary-green-dark)}.login-link button:hover:after{width:100%}@media (max-width:768px){.address-row{grid-template-columns:1fr!important}.register-card{overflow:visible;padding:2rem 1.5rem}.family-member-inputs,.form-row{grid-template-columns:1fr}.family-members-header{align-items:stretch;flex-direction:column}.btn-add-member{justify-content:center}.email-otp-group,.email-verification-controls{flex-direction:column}.email-otp-group{min-width:100%}.email-action-btn,.email-otp-btn{width:100%}.file-upload-area{padding:1.5rem 1rem}.file-info{gap:.75rem}}@media (max-width:480px){.register-container{padding:1rem .5rem}.register-card{border-radius:20px;padding:1.5rem 1rem}.register-title{font-size:1.5rem}.register-subtitle{font-size:.875rem}.logo-container{height:60px;width:60px}.logo-icon{height:30px;width:30px}.form-section{overflow:visible;padding:1rem}.section-title{font-size:1rem}.section-title-wrapper{flex-wrap:wrap}.file-upload-area{padding:1.25rem .75rem}.upload-icon{height:32px;width:32px}.upload-text{font-size:.9375rem}.upload-subtext{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.vehicle-section{background:linear-gradient(135deg,#d1fae5,#f0fdf4);background:linear-gradient(135deg,var(--accent-green) 0,var(--background-green) 100%);border:2px solid #6ee7b7;border:2px solid var(--secondary-green)}.vehicle-card-register{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;padding:1.25rem;transition:all .3s ease}.vehicle-card-register:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 4px 12px #10b9811a}.vehicle-photo-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:1rem;padding-top:1rem}.vehicle-photo-hint{align-items:center;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#ea580c;color:var(--orange-600);display:flex;font-size:.75rem;gap:.375rem;margin:.5rem 0;padding:.5rem .75rem}.vehicle-photo-hint:before{content:"⚠";font-size:.875rem}.inline-icon{display:inline;margin-right:.25rem;vertical-align:middle}.vehicle-photo-upload{margin-top:.5rem}.vehicle-photo-label{align-items:center;background:#f9fafb;background:var(--gray-50);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.vehicle-photo-label:hover{background:#d1fae5;background:var(--accent-green);border-color:#10b981;border-color:var(--primary-green)}.vehicle-photo-label span:first-of-type{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600}.photo-subtext{color:var(--gray-500);font-size:.75rem}.vehicle-photo-preview{border:2px solid #10b981;border:2px solid var(--primary-green);border-radius:10px;margin-top:.75rem;overflow:hidden;position:relative}.vehicle-photo-preview img{display:block;height:auto;max-height:200px;object-fit:cover;width:100%}.btn-remove-photo{align-items:center;background:#fff;background:var(--white);border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#ef4444;color:var(--error-red);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:32px}.btn-remove-photo:hover{background:#ef4444;background:var(--error-red);color:#fff;color:var(--white);transform:scale(1.1)}:root{--orange-600:#ea580c}@media (max-width:768px){.vehicle-photo-preview img{max-height:150px}.vehicle-photo-label{padding:1.25rem .875rem}}@media (max-width:480px){.vehicle-photo-section{margin-top:.75rem;padding-top:.75rem}.vehicle-photo-hint{font-size:.6875rem;padding:.375rem .625rem}.vehicle-photo-preview img{max-height:120px}}.optional-badge{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);border-radius:12px;color:#fff;color:var(--white);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .625rem;text-transform:uppercase}.vehicle-inputs{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-input-sm select,select.form-input-sm{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234b5563' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:2.5rem}.form-input-sm select:focus,select.form-input-sm:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2310b981' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}.address-row{grid-template-columns:repeat(3,1fr)!important}.forgot-password-container{overflow:hidden;position:relative}.leaf-pattern{animation:forgot-float 20s ease-in-out infinite}@keyframes forgot-float{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(26px,-24px,0) scale(1.05)}66%{transform:translate3d(-16px,22px,0) scale(.96)}}.forgot-password-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffed;border:1px solid #ffffffc2;border-radius:32px;box-shadow:0 24px 70px #12271d24;max-width:32rem;overflow:hidden;padding:2.3rem;position:relative;width:100%}.forgot-password-card:before{background:linear-gradient(180deg,#ffffff14,#0000 24%),radial-gradient(circle at top right,#36c9951f,#0000 28%);content:"";inset:0;pointer-events:none;position:absolute}.forgot-password-form,.forgot-password-header,.success-content{position:relative;z-index:1}.forgot-password-header{border-bottom:1px solid #c6d0c9b3;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.forgot-password-title{color:var(--gray-900);font-size:clamp(1.55rem,3vw,1.95rem);letter-spacing:-.04em;line-height:1.1;margin:0 0 .45rem}.forgot-password-subtitle,.success-message,.success-submessage{color:var(--gray-600);font-size:.95rem;font-weight:500;line-height:1.7;margin:0}.forgot-password-form{display:flex;flex-direction:column;gap:1rem}.form-label{align-items:center;display:inline-flex;gap:.45rem}.label-icon{color:var(--primary-green-dark)}.form-input{padding:.95rem 1.1rem}.btn-back,.btn-back-to-login,.btn-primary{align-items:center;border:none;border-radius:18px;cursor:pointer;display:inline-flex;font-size:.96rem;font-weight:800;gap:.55rem;justify-content:center;min-height:3.25rem;transition:all .2s ease;width:100%}.btn-back{background:#0f9f7114;border:1px solid #0f9f7124;color:var(--primary-green-dark)}.btn-back:hover:not(:disabled){background:#0f9f7124;transform:translateY(-2px)}.btn-back:disabled,.btn-primary:disabled{cursor:not-allowed;opacity:.55}.spinner{animation:forgot-spin .7s linear infinite;border-radius:999px}@keyframes forgot-spin{to{transform:rotate(1turn)}}.success-content{padding:1rem 0 .35rem;text-align:center}.success-icon{margin:0 auto 1.1rem}.success-content h2{color:var(--gray-900);font-size:1.65rem;letter-spacing:-.04em;margin:0 0 .65rem}.success-submessage{margin-bottom:1.5rem;margin-top:.65rem}@media (max-width:640px){.forgot-password-card{border-radius:26px;padding:1.5rem}.logo-container{height:4.75rem;width:4.75rem}}.reset-password-container{overflow:hidden;position:relative}.background-decoration{inset:0;overflow:hidden;pointer-events:none;position:absolute}.leaf-pattern{animation:reset-float 20s ease-in-out infinite;background:radial-gradient(circle,#0f9f7129,#0000 72%);border-radius:999px;position:absolute}.leaf-1{height:22rem;left:-7rem;top:-9rem;width:22rem}.leaf-2{animation-delay:7s;bottom:-7rem;height:18rem;right:-6rem;width:18rem}.leaf-3{animation-delay:13s;height:15rem;left:34%;top:56%;width:15rem}@keyframes reset-float{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(26px,-24px,0) scale(1.05)}66%{transform:translate3d(-16px,22px,0) scale(.96)}}.reset-password-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffed;border:1px solid #ffffffc2;border-radius:32px;box-shadow:0 24px 70px #12271d24;max-width:34rem;overflow:hidden;padding:2.3rem;position:relative;width:100%}.reset-password-card:before{background:linear-gradient(180deg,#ffffff14,#0000 24%),radial-gradient(circle at top right,#36c9951f,#0000 28%);content:"";inset:0;pointer-events:none;position:absolute}.error-content,.loading-content,.reset-password-form,.reset-password-header,.success-content{position:relative;z-index:1}.reset-password-header{border-bottom:1px solid #c6d0c9b3;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.logo-container{align-items:center;background:linear-gradient(145deg,#fffffff5,#f0fbf5eb);border-radius:999px;box-shadow:0 16px 34px #0f9f712e;display:inline-flex;height:5.6rem;justify-content:center;margin-bottom:1.25rem;padding:.7rem;width:5.6rem}.logo-image{height:100%;object-fit:contain;width:100%}.reset-password-title{color:var(--gray-900);font-size:clamp(1.55rem,3vw,1.95rem);letter-spacing:-.04em;line-height:1.1;margin:0 0 .45rem}.error-submessage,.input-hint,.loading-content p,.reset-password-subtitle,.success-message,.success-submessage{color:var(--gray-600);font-size:.95rem;font-weight:500;line-height:1.7}.reset-password-form{display:flex;flex-direction:column;gap:1rem}.form-label{color:var(--gray-700);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.password-container{position:relative}.form-input{background:#f8faf8f5;border:1px solid #c6d0c9f2;border-radius:16px;color:var(--gray-900);font-size:.98rem;padding:.95rem 3.2rem .95rem 1.1rem;transition:all .2s ease;width:100%}.form-input::placeholder{color:var(--gray-400)}.form-input:hover:not(:disabled){background:#fffffffa;border-color:#0f9f7159}.form-input:focus{background:var(--white);border-color:#0f9f71ad;box-shadow:0 0 0 4px #0f9f711f;outline:none}.form-input:disabled{cursor:not-allowed;opacity:.64}.password-toggle{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--gray-500);cursor:pointer;display:flex;height:2.35rem;justify-content:center;position:absolute;right:.8rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:2.35rem}.password-toggle:hover{background:#0f9f711a;color:var(--primary-green-dark)}.btn-back-to-login,.btn-primary{align-items:center;background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));border:none;border-radius:18px;box-shadow:0 14px 28px #0f9f713d;color:var(--white);cursor:pointer;display:inline-flex;font-size:.96rem;font-weight:800;gap:.55rem;justify-content:center;min-height:3.25rem;transition:all .2s ease;width:100%}.btn-back-to-login:hover,.btn-primary:hover:not(:disabled){box-shadow:0 18px 36px #0f9f714d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.55}.error-message{align-items:center;background:linear-gradient(135deg,#fff1f1,#ffe4e4);border:1px solid #e447472e;border-radius:16px;color:#b91c1c;display:flex;font-size:.88rem;font-weight:600;gap:.7rem;padding:.9rem 1rem}.spinner,.spinner-large{animation:reset-spin .7s linear infinite;border-radius:999px}.spinner{border:2px solid #ffffff47;border-top:2px solid var(--white);height:1rem;width:1rem}.spinner-large{border:4px solid #c6d0c98c;border-top:4px solid var(--primary-green-dark);display:inline-block;height:3rem;margin-bottom:1rem;width:3rem}@keyframes reset-spin{to{transform:rotate(1turn)}}.error-content,.loading-content,.success-content{padding:.6rem 0 .2rem;text-align:center}.error-icon-large,.success-icon{margin:0 auto 1rem}.success-icon{color:var(--primary-green-dark)}.error-icon-large{color:var(--red)}.error-content h2,.success-content h2{color:var(--gray-900);font-size:1.65rem;letter-spacing:-.04em;margin:0 0 .65rem}.error-submessage,.success-submessage{margin-bottom:1.4rem;margin-top:.5rem}.error-message-large{color:#b91c1c;font-size:.96rem;font-weight:600;line-height:1.7;margin:0}@media (max-width:640px){.reset-password-card{border-radius:26px;padding:1.5rem}.logo-container{height:4.75rem;width:4.75rem}}.admin-dashboard{background:linear-gradient(135deg,#f9fafb,#ecfdf5);background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-green-50) 100%);display:flex;min-height:100vh}.admin-sidebar{background:#fff;background:var(--white);border-right:1px solid #10b9811a;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:100}.admin-sidebar.open{width:280px}.admin-sidebar.closed{width:80px}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);inset:0;pointer-events:none}.admin-main{flex:1 1;min-width:0;overflow-x:hidden;overflow-y:auto}.admin-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #10b9811a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem 2.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-content{min-width:0;padding:2.5rem}.admin-content>*,.page-header{min-width:0}.page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.875rem;min-width:0}.stat-card{background:#fff;background:var(--white);border-left:5px solid;border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:radial-gradient(circle,#10b9811a 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:100px}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.stat-trend{align-items:center;color:#10b981;color:var(--primary-green);display:flex;font-size:.875rem;font-weight:600;gap:.375rem;margin-top:.75rem}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.layout-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.admin-overview-stats{gap:1rem;grid-template-columns:repeat(4,minmax(190px,1fr));margin-bottom:1.25rem}.admin-overview-stats .stat-card{border-left-width:4px;min-height:132px;padding:1.35rem}.admin-overview-stats .stat-info h3{font-size:2rem}.admin-overview-stats .stat-info p{font-size:.76rem}.admin-overview-board{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:minmax(0,2.45fr) minmax(310px,.95fr);margin-bottom:1rem}.admin-announcement-card,.admin-overview-recent-card{min-height:360px}.admin-announcement-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.admin-announcement-head{align-items:flex-start;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem}.admin-announcement-head h3{color:#111827;color:var(--gray-900);font-size:1.35rem;line-height:1.2;margin:.35rem 0 0}.admin-overview-kicker{background:#d1fae5;background:var(--primary-green-100);border-radius:9999px;border-radius:var(--radius-full);font-size:.72rem;font-weight:800;letter-spacing:.05em;padding:.35rem .75rem;text-transform:uppercase}.admin-overview-kicker,.admin-overview-link-btn{align-items:center;color:#059669;color:var(--primary-green-dark);display:inline-flex}.admin-overview-link-btn{background:#ecfdf5;background:var(--primary-green-50);border:1px solid #a7f3d0;border:1px solid var(--primary-green-200);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;font:inherit;font-size:.82rem;font-weight:800;gap:.35rem;padding:.62rem .85rem;transition:all .2s ease}.admin-overview-link-btn:hover{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff;color:var(--white)}.admin-announcement-feature{background:linear-gradient(135deg,#ecfdf5eb,#fffffff5),radial-gradient(circle at top right,#10b98129,#0000 36%);border:1px solid #d1fae5;border:1px solid var(--primary-green-100);border-radius:20px;border-radius:var(--radius-xl);display:flex;flex:1 1;flex-direction:column;gap:.85rem;justify-content:center;min-height:190px;padding:1.25rem}.admin-announcement-category{align-items:center;background:#e0f2fe;border-radius:9999px;border-radius:var(--radius-full);color:#0369a1;display:inline-flex;font-size:.76rem;font-weight:800;gap:.45rem;padding:.42rem .72rem;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.admin-announcement-category.urgent{background:#fee2e2;color:#b91c1c}.admin-announcement-category.maintenance{background:#fef3c7;color:#92400e}.admin-announcement-category.events{background:#ede9fe;color:#6d28d9}.admin-announcement-feature h4{color:#111827;color:var(--gray-900);font-size:1.55rem;letter-spacing:-.02em;line-height:1.22;margin:0}.admin-announcement-feature p{color:#4b5563;color:var(--gray-600);line-height:1.7;margin:0;max-width:72ch}.admin-announcement-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.2rem}.admin-announcement-meta span{align-items:center;background:#fff;background:var(--white);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--gray-500);display:inline-flex;font-size:.76rem;font-weight:700;min-height:1.75rem;padding:.32rem .65rem}.admin-announcement-empty{grid-gap:.55rem;align-content:center;border:2px dashed #e5e7eb;border:2px dashed var(--gray-200);border-radius:20px;border-radius:var(--radius-xl);color:#6b7280;color:var(--gray-500);display:grid;flex:1 1;gap:.55rem;min-height:220px;padding:1.5rem;place-items:center;text-align:center}.admin-announcement-empty h4{color:#1f2937;color:var(--gray-800);margin:0}.admin-announcement-empty p{color:#6b7280;color:var(--gray-500);margin:0}.admin-announcement-list{grid-gap:.65rem;display:grid;gap:.65rem}.admin-announcement-list-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font:inherit;gap:.85rem;justify-content:space-between;min-height:3rem;padding:.72rem .85rem;text-align:left}.admin-announcement-list-item:hover{background:#fff;background:var(--white);border-color:#a7f3d0;border-color:var(--primary-green-200)}.admin-announcement-list-item span{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-announcement-list-item strong{color:#6b7280;color:var(--gray-500);flex:0 0 auto;font-size:.76rem}.admin-overview-recent-card{overflow:hidden;padding:1.5rem}.admin-overview-recent-card .activity-list{max-height:292px;overflow-y:auto;padding-right:.25rem}.admin-overview-recent-card .activity-item{padding:.95rem}.admin-overview-support-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.quick-action-btn{align-items:flex-start;gap:.75rem;padding:1.5rem;text-align:left}.alert-list{display:flex;flex-direction:column;gap:1rem}.alert-item{align-items:flex-start;border-left:4px solid;border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.alert-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateX(4px)}.alert-item>svg{align-self:flex-start;flex:0 0 1.5rem}.alert-title{color:#1f2937;color:var(--gray-800);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.alert-description{color:#4b5563;color:var(--gray-600);font-size:.875rem;line-height:1.5;margin:0}.residents-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.resident-card{background:#fff;background:var(--white);border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.resident-card:hover{border-color:#a7f3d0;border-color:var(--primary-green-200);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.resident-username{color:#10b981;color:var(--primary-green);font-size:.9375rem;font-weight:600;margin:0 0 1rem}.resident-details{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.resident-detail{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:.9375rem;padding:.625rem}.detail-label{color:#4b5563;color:var(--gray-600);font-weight:600;width:7rem}.detail-value{color:#1f2937;color:var(--gray-800);font-weight:500}.resident-actions{display:flex;gap:1rem;margin-top:auto;padding-top:1.5rem}.resident-card-clickable{cursor:pointer;padding:1.5rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.resident-card-clickable:hover{border-color:#10b981!important;border-color:var(--primary-green)!important;box-shadow:0 12px 30px #10b9812e!important;transform:translateY(-6px)!important}.resident-card-pending{border-color:#f59e0b!important;border-color:var(--yellow)!important;border-width:2px!important}.resident-card-pending:hover{border-color:#f59e0b!important;border-color:var(--yellow)!important;box-shadow:0 12px 30px #f59e0b2e!important}.pending-badge-top{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:9999px;border-radius:var(--radius-full);color:#92400e;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;padding:.25rem .75rem;text-transform:uppercase}.card-summary-static{align-items:center;display:flex;gap:.875rem;margin-bottom:1rem}.card-summary-name{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700;margin:0 0 .125rem}.card-preview-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.card-preview-row{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.card-preview-row svg{flex-shrink:0}.card-click-hint,.card-preview-row svg{color:#10b981;color:var(--primary-green)}.card-click-hint{background:#ecfdf5;background:var(--primary-green-50);border-radius:12px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;letter-spacing:.02em;opacity:0;padding:.5rem;text-align:center;transition:opacity .2s ease}.resident-card-clickable:hover .card-click-hint{opacity:1}.resident-avatar-circle{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 12px #10b98140;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1.125rem;font-weight:700;height:2.75rem;justify-content:center;width:2.75rem}.resident-avatar-pending{background:linear-gradient(135deg,#f59e0b,#f97316)!important;background:linear-gradient(135deg,var(--yellow) 0,#f97316 100%)!important}.btn-approve,.btn-reject{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:600;gap:.625rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.btn-approve{background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 4px 12px #10b9814d;color:var(--white)}.btn-approve:hover{box-shadow:0 8px 20px #10b98166}.btn-reject{color:#ef4444;color:var(--red)}.btn-reject:hover{background:#ef4444;background:var(--red);box-shadow:0 8px 20px #ef44444d;color:var(--white)}.btn-approve-sm,.btn-reject-sm{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:0 0 auto;font-family:inherit;font-size:.75rem;font-weight:600;gap:.375rem;justify-content:center;padding:.375rem .625rem;transition:all .2s ease;white-space:nowrap}.btn-approve-sm{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);color:#fff;color:var(--white)}.btn-approve-sm:hover{box-shadow:0 4px 12px #10b98159;transform:translateY(-1px)}.btn-reject-sm{background:#fee2e2;color:#ef4444;color:var(--red)}.btn-reject-sm:hover{background:#ef4444;background:var(--red);color:#fff;color:var(--white);transform:translateY(-1px)}.btn-view-document{align-items:center;background:#ecfdf5;background:var(--primary-green-50);border:2px solid #10b981;border:2px solid var(--primary-green);border-radius:16px;border-radius:var(--radius-lg);color:#10b981;color:var(--primary-green);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.125rem;transition:all .3s ease;white-space:nowrap}.btn-view-document:hover{background:#10b981;background:var(--primary-green);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white);transform:translateY(-2px)}.btn-view-document-sm{font-size:.8125rem;padding:.5rem .875rem}.modal-section .btn-view-document{border-radius:12px;border-radius:var(--radius-md);font-size:.8125rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.family-members-section{background:#ecfdf5;background:var(--primary-green-50);border:2px solid #d1fae5;border:2px solid var(--primary-green-100);border-radius:20px;border-radius:var(--radius-xl);flex:1 1;margin-top:1.5rem;padding:1.5rem}.family-members-title{color:#374151;color:var(--gray-700);font-size:.9375rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.family-members-list{gap:.75rem;min-height:3rem}.family-member-item{align-items:center;background:#fff;background:var(--white);display:flex;gap:1rem;padding:.875rem}.family-member-item:hover{transform:translateX(4px)}.family-member-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 12px #10b98133;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:2.75rem;justify-content:center;width:2.75rem}.family-member-name{color:#1f2937;color:var(--gray-800);font-size:.9375rem;font-weight:600;margin:0}.family-member-relationship{background:#d1fae5;background:var(--primary-green-100);color:#059669;color:var(--primary-green-dark);font-weight:600}.family-member-primary,.family-member-relationship{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;letter-spacing:.04em;margin-top:.25rem;padding:.125rem .625rem;text-transform:uppercase}.family-member-primary{background:#0ea5e91a;color:#0369a1;font-weight:700;margin-left:.4rem}.family-count-btn{align-items:center;background:#ecfdf5;background:var(--primary-green-50);border:1px solid #a7f3d0;border:1px solid var(--primary-green-200);border-radius:9999px;border-radius:var(--radius-full);color:#059669;color:var(--primary-green-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.family-count-btn:hover{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff;color:var(--white)}.family-modal-container{animation:slideUp .35s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;max-height:80vh;max-width:480px;overflow-y:auto;width:100%}.family-modal-container::-webkit-scrollbar{width:6px}.family-modal-container::-webkit-scrollbar-thumb{background:#a7f3d0;background:var(--primary-green-200);border-radius:9999px;border-radius:var(--radius-full)}.family-modal-header{align-items:center;background:linear-gradient(135deg,#ecfdf5,#fff);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--white) 100%);border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);border-radius:24px 24px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.family-modal-header h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.family-modal-header p{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500;margin:0}.family-modal-body{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.document-viewer-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.document-viewer-container{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:90vh;max-width:1200px;width:100%}.document-viewer-header{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-radius:24px 24px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;justify-content:space-between;padding:2rem}.document-viewer-header h3{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin:0 0 .375rem}.document-viewer-header p{color:#4b5563;color:var(--gray-600);font-size:.9375rem;font-weight:500;margin:0}.document-viewer-actions{align-items:center;display:flex;gap:1rem}.document-viewer-content{align-items:center;background:#f9fafb;background:var(--gray-50);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:2rem}.document-viewer-iframe,.document-viewer-image{background:#fff;background:var(--white);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);height:100%;width:100%}.document-viewer-image{object-fit:contain}.document-viewer-message{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;flex-direction:column;font-weight:600;gap:1rem;justify-content:center;text-align:center}.document-viewer-message p{margin:0}.document-viewer-error{color:#ef4444;color:var(--red)}.btn-download{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.625rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-download:hover{box-shadow:0 12px 28px #10b98166;transform:translateY(-2px)}.btn-close-viewer{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;height:3rem;justify-content:center;transition:all .3s ease;width:3rem}.btn-close-viewer:hover{background:#ef4444;background:var(--red);color:#fff;color:var(--white);transform:rotate(90deg)}.search-section{max-width:100%;min-width:0;position:relative}.search-input-group{margin-bottom:2rem;max-width:100%;min-width:0;width:100%}.search-input{max-width:100%;min-width:0;padding:1rem 1.5rem 1rem 3.5rem}.vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.vehicle-card{padding:2rem}.vehicle-card:hover{transform:translateY(-4px)}.vehicle-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);margin-bottom:1.5rem;padding-bottom:1.5rem}.vehicle-header h3{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .375rem}.vehicle-model{color:#4b5563;color:var(--gray-600);font-size:.9375rem;font-weight:500;margin:0}.vehicle-type-badge{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--primary-green-100) 100%);border-radius:16px;border-radius:var(--radius-lg);color:#059669;color:var(--primary-green-dark);display:flex;font-size:.8125rem;font-weight:700;gap:.375rem;letter-spacing:.05em;padding:.625rem 1.125rem;text-transform:uppercase}.vehicle-details{display:flex;flex-direction:column;gap:.75rem}.vehicle-detail{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:.9375rem;padding:.625rem}.module-placeholder{padding:4rem}.placeholder-content{max-width:400px}.placeholder-icon{background:#ecfdf5;background:var(--primary-green-50);font-size:3rem;height:6rem;width:6rem}.placeholder-content h2{font-size:2rem}.placeholder-content p{margin:0 0 1rem}.bg-yellow-50{background:linear-gradient(135deg,#fef3c7,#fde68a)}.bg-cyan-50{background:linear-gradient(135deg,#cffafe,#a5f3fc)}.text-yellow-600{color:#f59e0b;color:var(--yellow)}.text-cyan-600{color:#06b6d4;color:var(--cyan)}.view-toggle-group{-webkit-overflow-scrolling:touch;align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:.25rem;max-width:100%;overflow-x:auto;padding:.25rem}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;flex:0 0 auto;font-family:inherit;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease;white-space:nowrap}.view-toggle-btn:hover{background:#fff;background:var(--white);color:#374151;color:var(--gray-700)}.view-toggle-btn.active{background:#fff;background:var(--white);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#10b981;color:var(--primary-green)}.collapsible-card{cursor:default;overflow:hidden;padding:0!important}.card-summary{align-items:center;border-radius:24px;border-radius:var(--radius-2xl);cursor:pointer;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:background .2s ease}.collapsible-card.expanded .card-summary{background:#ecfdf5;background:var(--primary-green-50);border-bottom:2px solid #d1fae5;border-bottom:2px solid var(--primary-green-100);border-radius:24px 24px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.card-summary:hover{background:#f9fafb;background:var(--gray-50)}.collapsible-card.expanded .card-summary:hover{background:#d1fae5;background:var(--primary-green-100)}.card-summary-left{align-items:center;display:flex;gap:.875rem;min-width:180px}.card-summary-meta{display:flex;flex:1 1;flex-direction:column;gap:.375rem}.card-summary-detail{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.8125rem;font-weight:500;gap:.375rem}.card-summary-detail svg{color:#10b981;color:var(--primary-green);flex-shrink:0}.card-expand-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.card-expand-btn:hover{background:#d1fae5;background:var(--primary-green-100);color:#10b981;color:var(--primary-green)}.card-expanded-content{animation:expandDown .25s ease;padding:1.5rem}@keyframes expandDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.residents-count-bar{align-items:center;background:#fff;background:var(--white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.residents-count-bar h3{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0}.residents-count-bar p{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin:.25rem 0 0}.residents-count-number{color:#3b82f6;color:var(--blue);font-size:2rem;font-weight:700}.residents-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:block;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;width:100%}.residents-table{border-collapse:collapse;font-size:.9rem;min-width:900px;width:100%}.residents-table thead tr{background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--primary-green-100) 100%);border-bottom:2px solid #a7f3d0;border-bottom:2px solid var(--primary-green-200)}.residents-table th{color:#059669;color:var(--primary-green-dark);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.residents-table tbody tr{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);transition:background .15s ease}.residents-table tbody tr:last-child{border-bottom:none}.residents-table tbody tr:hover{background:#ecfdf5;background:var(--primary-green-50)}.residents-table td{color:#374151;color:var(--gray-700);font-weight:500;padding:1rem 1.25rem;vertical-align:top}.table-row-clickable{cursor:pointer}.table-name-cell{gap:.625rem}.table-avatar,.table-name-cell{align-items:center;display:flex}.table-avatar{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);flex-shrink:0;font-size:.8125rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.table-family-name{color:#111827;color:var(--gray-900);font-weight:700}.table-username{color:#10b981;color:var(--primary-green);font-weight:600}.table-email{max-width:180px;word-break:break-word}.table-address,.table-email{color:#4b5563;color:var(--gray-600);font-size:.875rem;line-height:1.5}.table-address{max-width:220px}.table-empty{color:#d1d5db;color:var(--gray-300);font-size:1rem}.table-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.375rem;min-width:-webkit-max-content;min-width:max-content}.table-status-cell{display:flex;flex-direction:column;gap:.4rem;min-width:170px}.resident-account-pill{border:1px solid #0000;font-size:.75rem;gap:.375rem;letter-spacing:.01em;padding:.375rem .75rem;width:-webkit-fit-content;width:fit-content}.resident-account-pill.pending{border-color:#fcd34d}.resident-account-pill.active{border-color:#a7f3d0;border-color:var(--primary-green-200)}.resident-account-pill.expiring{background:#fff7ed;border-color:#fdba74}.resident-account-pill.expired{background:#fef2f2;border-color:#fca5a5}.resident-account-pill.renewal{background:#eff6ff;border-color:#93c5fd}.resident-inline-note{align-items:center;background:#eff6ff;border-radius:9999px;border-radius:var(--radius-full);color:#1d4ed8;display:inline-flex;font-size:.75rem;font-weight:700;padding:.25rem .625rem}.resident-card-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.875rem}.residents-count-bar-right{gap:1rem}.residents-count-bar-right,.residents-count-meta{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.residents-count-meta{gap:.625rem}.resident-summary-chip{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:9999px;border-radius:var(--radius-full);color:#374151;color:var(--gray-700);display:inline-flex;font-size:.75rem;font-weight:700;padding:.375rem .75rem}.resident-summary-chip.attention{background:#eff6ff;color:#1d4ed8}.resident-summary-chip.warning{background:#fff7ed;color:#c2410c}.resident-summary-chip.danger{background:#fef2f2;color:#b91c1c}.resident-modal-container{animation:slideUp .35s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:680px;overflow-y:auto;width:100%}.resident-modal-container::-webkit-scrollbar{width:6px}.resident-modal-container::-webkit-scrollbar-thumb{background:#a7f3d0;background:var(--primary-green-200);border-radius:9999px;border-radius:var(--radius-full)}.resident-modal-header{background:linear-gradient(135deg,#ecfdf5,#fff);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--white) 100%);border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);border-radius:24px 24px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;flex-wrap:wrap;justify-content:space-between;padding:1.75rem 2rem}.resident-modal-header,.resident-modal-header-left{align-items:center;display:flex;gap:1rem}.resident-modal-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 6px 16px #10b9814d;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1.375rem;font-weight:800;height:3.5rem;justify-content:center;width:3.5rem}.resident-modal-avatar--pending{background:linear-gradient(135deg,#f59e0b,#f97316)!important;background:linear-gradient(135deg,var(--yellow) 0,#f97316 100%)!important;box-shadow:0 6px 16px #f59e0b4d!important}.resident-modal-header h3{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:800;margin:0 0 .25rem}.resident-modal-header p{color:#10b981;color:var(--primary-green);font-size:.9375rem;font-weight:600;margin:0}.resident-modal-subline{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.75rem}.resident-type-note{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:9999px;border-radius:var(--radius-full);color:#374151;color:var(--gray-700);display:inline-flex;font-size:.75rem;font-weight:700;padding:.35rem .75rem}.resident-modal-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.modal-approved-badge{align-items:center;background:#ecfdf5;background:var(--primary-green-50);border:2px solid #a7f3d0;border:2px solid var(--primary-green-200);border-radius:16px;border-radius:var(--radius-lg);color:#059669;color:var(--primary-green-dark);display:inline-flex;font-size:.875rem;font-weight:700;gap:.375rem;padding:.5rem 1rem}.resident-modal-body{display:flex;flex-direction:column;gap:1.75rem;padding:2rem}.resident-modal-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.modal-info-item{align-items:flex-start;background:#f9fafb;background:var(--gray-50);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:.75rem;padding:1rem}.modal-info-item svg{color:#10b981;color:var(--primary-green);flex-shrink:0;margin-top:.125rem}.modal-info-item div{display:flex;flex-direction:column;gap:.25rem;min-width:0}.modal-info-label{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.modal-info-value{color:#1f2937;color:var(--gray-800);font-size:.9375rem;font-weight:500;word-break:break-word}.modal-section{display:flex;flex-direction:column;gap:1rem}.modal-section-title{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.modal-count-badge{align-items:center;background:#10b981;background:var(--primary-green);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:inline-flex;font-size:.75rem;font-weight:700;height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 .375rem}.modal-family-list{display:flex;flex-direction:column;gap:.75rem}.modal-family-item{align-items:center;background:#ecfdf5;background:var(--primary-green-50);border:1px solid #d1fae5;border:1px solid var(--primary-green-100);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:.875rem}.modal-vehicles-list{display:flex;flex-direction:column;gap:.75rem}.modal-vehicle-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:.875rem 1rem}.modal-vehicle-icon{color:#10b981;color:var(--primary-green);flex-shrink:0}.modal-vehicle-plate{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:700;margin:0 0 .25rem}.modal-vehicle-detail{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500;margin:0}.modal-renewal-panel{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #bfdbfe;border-radius:20px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.modal-renewal-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.modal-renewal-header h4{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:800;margin:0 0 .375rem}.modal-renewal-header p{color:#4b5563;color:var(--gray-600);font-size:.875rem;line-height:1.6;margin:0}.modal-note-box{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);padding:.875rem 1rem}.modal-note-box strong{color:#111827;color:var(--gray-900);display:block;font-size:.8125rem;margin-bottom:.375rem}.modal-note-box p{color:#4b5563;color:var(--gray-600);font-size:.875rem;line-height:1.6;margin:0}.modal-renewal-form{display:flex;flex-direction:column;gap:.875rem}.modal-renewal-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:1fr 1.2fr}.modal-field-group{display:flex;flex-direction:column;gap:.45rem}.modal-field-group label{color:#374151;color:var(--gray-700);font-size:.8125rem;font-weight:700}.modal-form-input,.modal-form-textarea{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#1f2937;color:var(--gray-800);font:inherit;padding:.85rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.modal-form-input:focus,.modal-form-textarea:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 4px #10b9811a;outline:none}.modal-form-textarea{min-height:92px;resize:vertical}.modal-renewal-meta{color:#4b5563;color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.75rem}.modal-renewal-meta span{background:#ffffffbf;border:1px solid #dbeafe;border-radius:9999px;border-radius:var(--radius-full);padding:.35rem .7rem}.modal-renewal-actions{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width:1200px){.admin-overview-stats{grid-template-columns:repeat(3,minmax(190px,1fr))}.admin-overview-board,.admin-overview-support-grid{grid-template-columns:1fr}.admin-announcement-card,.admin-overview-recent-card{min-height:auto}}@media (max-width:1024px){.layout-grid{grid-template-columns:1fr}.residents-grid,.visitor-logs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-content{padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.residents-count-bar{align-items:flex-start}.residents-count-bar-right{justify-content:space-between;width:100%}}@media (min-width:768px) and (max-width:1024px){.admin-sidebar.open{width:260px}.stats-grid{grid-template-columns:repeat(2,1fr)}.residents-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:767px){.sidebar-backdrop.active{display:block}.admin-sidebar{height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;z-index:2000}.admin-sidebar.open{box-shadow:4px 0 20px #0003;max-width:320px;transform:translateX(0);width:85%}.admin-sidebar.closed{max-width:320px;pointer-events:none;transform:translateX(-100%);visibility:hidden;width:85%}.admin-header{padding:1rem 1.5rem}.header-title h2{font-size:1.375rem}.header-title p{font-size:.8125rem}.header-user{padding:.5rem .875rem}.user-info{display:none}.user-avatar{font-size:1rem;height:2.5rem;width:2.5rem}.admin-content{padding:1.5rem}.page-header{align-items:flex-start;flex-direction:column}.page-title h2{font-size:1.5rem}.action-btn{justify-content:center;width:100%}.stats-grid{gap:1rem}.admin-overview-stats,.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-info h3{font-size:2rem}.dashboard-card{padding:1.5rem}.admin-announcement-card,.admin-overview-recent-card{padding:1.25rem}.admin-announcement-head{flex-direction:column}.admin-announcement-feature h4{font-size:1.25rem}.admin-overview-recent-card .activity-list{max-height:none}.residents-grid,.vehicles-grid,.visitor-logs-grid{gap:1.5rem;grid-template-columns:1fr}.resident-card,.vehicle-card,.visitor-log-card{padding:1.5rem}.quick-actions-grid{grid-template-columns:1fr}.resident-actions{flex-direction:column}.btn-approve,.btn-reject{width:100%}.document-viewer-overlay{padding:0}.document-viewer-container{border-radius:0;height:100vh;max-width:100%}.document-viewer-header{align-items:flex-start;border-radius:0;flex-direction:column;gap:1rem;padding:1.5rem}.document-viewer-header h3{font-size:1.25rem}.document-viewer-actions{justify-content:space-between;width:100%}.document-viewer-content{padding:1rem}.search-input{font-size:.9375rem;padding:.875rem 1.25rem .875rem 3rem}.page-header-actions{align-items:stretch;flex-direction:column;max-width:100%;width:100%}.page-header-actions .view-toggle-group{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);display:flex;justify-content:stretch;max-width:100%;overflow:hidden;width:100%}.page-header-actions .view-toggle-btn{color:#4b5563;color:var(--gray-600);flex:1 1;justify-content:center;min-height:42px;min-width:0;width:auto}.page-header-actions .view-toggle-btn.active{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white)}.residents-table-wrapper{border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:20px;border-radius:var(--radius-xl);display:block;max-width:100%;min-width:0;overflow-x:scroll;overflow-y:hidden;touch-action:pan-x pan-y;width:100%}.residents-table{min-width:760px;width:760px}.residents-table td,.residents-table th{font-size:.8125rem;padding:.75rem .875rem}.btn-approve-sm,.btn-reject-sm,.btn-view-document-sm,.table-actions,.table-name-cell{white-space:nowrap}.table-actions .btn-approve,.table-actions .btn-approve-sm,.table-actions .btn-reject,.table-actions .btn-reject-sm{flex:0 0 auto;min-width:-webkit-max-content;min-width:max-content;padding:.5rem .7rem;width:auto}.residents-table td .btn-view-document,.residents-table td .btn-view-document-sm{justify-content:center;min-width:-webkit-max-content;min-width:max-content;width:auto}.residents-count-bar{align-items:flex-start;flex-direction:column;gap:1rem}.residents-count-bar-right,.residents-count-meta{justify-content:flex-start;width:100%}.resident-modal-info-grid{grid-template-columns:1fr}.resident-modal-header{align-items:flex-start;flex-direction:column}.resident-modal-header-actions{justify-content:space-between;width:100%}.resident-modal-subline{width:100%}.modal-renewal-grid{grid-template-columns:1fr}.modal-renewal-meta{align-items:flex-start}.modal-renewal-actions,.modal-renewal-meta{flex-direction:column}.family-modal-container,.resident-modal-container{border-radius:0;max-height:100vh;max-width:100%}}@media (max-width:480px){.admin-content{padding:1rem}.page-title h2{font-size:1.25rem}.page-title p{font-size:.875rem}.stat-info h3{font-size:1.75rem}.stat-info p{font-size:.75rem}.dashboard-card,.resident-card,.vehicle-card{padding:1.25rem}.card-header h3{font-size:1.125rem}.detail-label{width:6rem}.detail-label,.detail-value{font-size:.8125rem}.empty-state,.loading-container{padding:3rem 1.5rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9375rem}.residents-table{min-width:720px}.residents-table td,.residents-table th{font-size:.78rem;padding:.7rem .75rem}}@media (max-width:374px){.admin-sidebar.open{max-width:260px;width:85%}.sidebar-header{padding:1.25rem}.header-title h2,.sidebar-logo h1{font-size:1.125rem}.stat-info h3{font-size:1.5rem}.action-btn{font-size:.875rem;padding:.75rem 1.25rem}}@media (max-height:500px) and (orientation:landscape){.admin-sidebar{height:100vh;overflow-y:auto}.sidebar-nav{padding:1rem .75rem}.nav-item{font-size:.875rem;padding:.625rem 1rem}.document-viewer-container{height:95vh}}@media (hover:none) and (pointer:coarse){.action-btn,.btn-approve,.btn-reject,.nav-item,.quick-action-btn{min-height:44px}.sidebar-toggle{min-height:44px;min-width:44px}}.confirm-modal{align-items:center;animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;gap:1rem;max-width:420px;padding:2.5rem 2rem;text-align:center;width:100%}.confirm-modal-icon{align-items:center;background:#fef3c7;border-radius:9999px;border-radius:var(--radius-full);display:flex;height:4rem;justify-content:center;width:4rem}.confirm-modal-title{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:800;margin:0}.confirm-modal-message{color:#4b5563;color:var(--gray-600);font-size:.9375rem;font-weight:500;line-height:1.6;margin:0}.confirm-modal-actions{display:flex;gap:1rem;margin-top:.5rem;width:100%}.confirm-modal-actions .btn-approve,.confirm-modal-actions .btn-reject{flex:1 1}@media (max-width:1024px){.admin-content,.admin-dashboard,.admin-main,.page-header,.residents-count-bar,.search-section{max-width:100%;min-width:0}.admin-content{overflow-x:clip}.page-title{max-width:100%;min-width:0}.page-header-actions .view-toggle-group{flex-wrap:nowrap;max-width:100%;overflow:hidden;padding:.25rem;width:100%}.page-header-actions .view-toggle-btn{flex:1 1;font-size:.8125rem;gap:.35rem;min-height:38px;min-width:0;padding:.5rem .65rem;white-space:nowrap;width:auto}.page-header-actions .view-toggle-btn svg{flex:0 0 auto;height:13px;width:13px}.search-input-group{margin-bottom:1rem!important}.search-input,.search-input-group{max-width:100%;min-width:0;width:100%}.search-input{border-radius:16px;border-radius:var(--radius-lg);font-size:.84rem!important;min-height:42px;padding-bottom:.7rem!important;padding-right:1rem!important;padding-top:.7rem!important}.residents-table-wrapper{-webkit-overflow-scrolling:touch;cursor:grab;display:block;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-color:#10b981 #f3f4f6;scrollbar-color:var(--primary-green) var(--gray-100);scrollbar-width:auto;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;width:100%}.residents-table-wrapper:active{cursor:grabbing}.residents-table-wrapper::-webkit-scrollbar{height:10px}.residents-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:9999px;border-radius:var(--radius-full)}.residents-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));border-radius:9999px;border-radius:var(--radius-full)}.residents-table{min-width:780px;width:780px}.family-count-btn,.residents-table .btn-view-document,.residents-table .btn-view-document-sm,.table-actions .btn-approve,.table-actions .btn-approve-sm,.table-actions .btn-reject,.table-actions .btn-reject-sm{border-radius:12px;border-radius:var(--radius-md);flex:0 0 auto;font-size:.72rem!important;line-height:1.1;min-height:0!important;min-width:0;padding:.42rem .58rem!important;white-space:nowrap;width:auto!important}.family-count-btn svg,.residents-table .btn-view-document svg,.residents-table .btn-view-document-sm svg,.table-actions svg{height:12px;width:12px}}@media (max-width:480px){.page-header-actions .view-toggle-btn{font-size:.78rem;min-height:36px;padding:.45rem .55rem}.search-input{font-size:.78rem!important}.residents-table{min-width:720px;width:720px}}:root{--pg:#10b981;--pg-dark:#059669;--pg-teal:#14b8a6;--pg-50:#ecfdf5;--pg-100:#d1fae5;--shadow-green:0 8px 24px -4px #10b9814d}.ann-root{display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;gap:1.5rem}.ann-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.ann-title{color:#111827;color:var(--gray-900);font-size:1.875rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.25rem}.ann-subtitle{color:#6b7280;color:var(--gray-500);font-size:.9375rem;font-weight:500}.ann-post-btn{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--pg) 0,var(--pg-teal) 100%);border:none;border-radius:16px;border-radius:var(--r-lg);box-shadow:0 8px 24px -4px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .25s ease;white-space:nowrap}.ann-post-btn:hover{box-shadow:0 12px 28px #10b98166;transform:translateY(-2px)}.ann-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.ann-stat{align-items:center;background:#fff;background:var(--white);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:all .25s ease}.ann-stat:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ann-stat-icon{align-items:center;border-radius:12px;border-radius:var(--r-md);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;width:2.75rem}.ann-stat-label{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.2rem;text-transform:uppercase}.ann-stat-value{font-size:1.75rem;font-weight:800;line-height:1}.ann-form-card{animation:slideDown .25s ease;background:#fff;background:var(--white);border:1.5px solid #d1fae5;border:1.5px solid var(--pg-100);border-radius:24px;border-radius:var(--r-2xl);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);padding:2rem}.ann-form-header{align-items:center;display:flex;gap:.875rem;margin-bottom:1.75rem}.ann-form-indicator{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--pg),var(--pg-teal));border-radius:9999px;border-radius:var(--r-full);flex-shrink:0;height:1.75rem;width:4px}.ann-form-header h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:800}.ann-form-group{display:flex;flex-direction:column;gap:.4rem}.ann-form-group label{color:#374151;color:var(--gray-700);font-size:.8125rem;font-weight:700}.ann-input{background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:12px;border-radius:var(--r-md);color:#111827;color:var(--gray-900);font-family:inherit;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;width:100%}.ann-input:focus{border-color:#10b981;border-color:var(--pg);box-shadow:0 0 0 3px #10b9811f;outline:none}.ann-textarea{line-height:1.6;min-height:110px;resize:vertical}.ann-form-row3{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1rem}.ann-form-actions{align-items:center;border-top:1.5px solid #f3f4f6;border-top:1.5px solid var(--gray-100);display:flex;gap:.75rem;padding-top:1.25rem}.ann-cancel-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:12px;border-radius:var(--r-md);color:#4b5563;color:var(--gray-600);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.7rem 1.25rem;transition:all .2s ease}.ann-cancel-btn:hover{background:#e5e7eb;background:var(--gray-200)}.ann-submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--pg),var(--pg-teal));border:none;border-radius:12px;border-radius:var(--r-md);box-shadow:0 8px 24px -4px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:700;gap:.5rem;padding:.7rem 1.5rem;transition:all .25s ease}.ann-submit-btn:hover:not(:disabled){box-shadow:0 10px 24px #10b98166;transform:translateY(-1px)}.ann-submit-btn:disabled{cursor:not-allowed;opacity:.6}.ann-search-wrap{align-items:center;display:flex;position:relative}.ann-search-icon{color:#9ca3af;color:var(--gray-400);left:1rem;pointer-events:none;position:absolute}.ann-search{background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--gray-900);font-family:inherit;font-size:.9rem;font-weight:500;padding:.875rem 1rem .875rem 2.75rem;transition:all .2s ease;width:100%}.ann-search:focus{border-color:#10b981;border-color:var(--pg);box-shadow:0 0 0 3px #10b9811f;outline:none}.ann-loading{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--r-2xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);padding:4rem;text-align:center}.ann-spinner{animation:spin .75s linear infinite;border:3px solid #e5e7eb;border-top-color:#10b981;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--pg);display:inline-block;height:2.5rem;margin-bottom:1rem;width:2.5rem}.ann-loading p{color:#6b7280;color:var(--gray-500);font-weight:500}.ann-empty{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--r-2xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);padding:4rem 2rem;text-align:center}.ann-empty-icon{align-items:center;background:#ecfdf5;background:var(--pg-50);border-radius:50%;color:#10b981;color:var(--pg);display:flex;height:5rem;justify-content:center;margin:0 auto 1.5rem;width:5rem}.ann-empty h3{color:#1f2937;color:var(--gray-800);font-size:1.375rem;font-weight:700;margin-bottom:.5rem}.ann-empty p{color:#6b7280;color:var(--gray-500);font-size:.9375rem}.ann-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.ann-card{background:#fff;background:var(--white);border:1.5px solid #f3f4f6;border:1.5px solid var(--gray-100);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.ann-card:hover{border-color:#d1fae5;border-color:var(--pg-100);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.ann-card-expired{opacity:.65}.ann-card-expired:hover{border-color:var(--gray-300);transform:translateY(-2px)}.ann-card-stripe{flex-shrink:0;height:4px}.ann-card-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem 1rem}.ann-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.ann-card-badges{display:flex;flex:1 1;flex-wrap:wrap;gap:.375rem}.ann-badge{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:.7rem;font-weight:700;gap:.3rem;letter-spacing:.04em;padding:.2rem .625rem;text-transform:uppercase;white-space:nowrap}.ann-badge-audience{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}.ann-badge-expired{background:#fee2e2;color:#dc2626}.ann-card-actions{display:flex;flex-shrink:0;gap:.375rem}.ann-icon-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--r-sm);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.ann-icon-edit{background:#dbeafe;color:#2563eb}.ann-icon-edit:hover{background:#2563eb;color:#fff;color:var(--white);transform:scale(1.1)}.ann-icon-delete{background:#fee2e2;color:#dc2626}.ann-icon-delete:hover{background:#dc2626;color:#fff;color:var(--white);transform:scale(1.1)}.ann-card-title{color:#111827;color:var(--gray-900);font-size:1.0625rem;font-weight:700;line-height:1.4;word-break:break-word}.ann-card-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4b5563;color:var(--gray-600);display:-webkit-box;font-size:.875rem;font-weight:500;line-height:1.65;overflow:hidden;word-break:break-word}.ann-card-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:.75rem 1.5rem}.ann-meta-item{align-items:center;color:#6b7280;color:var(--gray-500);display:inline-flex;font-size:.75rem;font-weight:500;gap:.3rem}.ann-meta-item svg{flex-shrink:0}@media (max-width:1024px){.ann-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ann-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.ann-topbar{align-items:stretch;flex-direction:column}.ann-post-btn{justify-content:center;width:100%}.ann-stats{gap:.75rem;grid-template-columns:1fr}.ann-stat{padding:1rem 1.25rem}.ann-form-row3{grid-template-columns:1fr}.ann-form-card{padding:1.5rem}.ann-form-actions{flex-direction:column}.ann-cancel-btn,.ann-submit-btn{justify-content:center;width:100%}.ann-grid{gap:1rem;grid-template-columns:1fr}.ann-title{font-size:1.5rem}}@media (max-width:480px){.ann-form-card{border-radius:20px;border-radius:var(--r-xl);padding:1.25rem}.ann-card-body{padding:1rem 1.25rem .875rem}.ann-card-footer{padding:.625rem 1.25rem}.ann-stat-value{font-size:1.5rem}.ann-title{font-size:1.375rem}}@media (hover:none) and (pointer:coarse){.ann-cancel-btn,.ann-post-btn,.ann-submit-btn{min-height:44px}.ann-icon-btn{min-height:40px;min-width:40px}}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:1.2rem;padding-top:.35rem}.pagination-btn{background:linear-gradient(135deg,#10b981,#14b8a6);border:1px solid #10b9812e;border-radius:999px;box-shadow:0 12px 24px #10b98129;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;padding:.68rem 1.1rem}.pagination-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.pagination-status{align-items:center;background:#ffffffd6;border:1px solid #dde5dfeb;border-radius:999px;box-shadow:0 10px 24px #0f172a0d;color:#6b7280;display:inline-flex;font-size:.85rem;font-weight:600;min-height:2.4rem;padding:.45rem .9rem}@media (max-width:640px){.pagination-controls{justify-content:center}.pagination-btn,.pagination-status{justify-content:center;width:100%}}.facility-reservation-container{margin:0 auto;max-width:1400px}.reservation-form-card{border-radius:var(--radius-2xl);margin-bottom:2rem;padding:2rem}.reservation-form-card h3{color:var(--gray-900);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.gcash-info{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fed7aa;border-radius:var(--radius-lg);color:var(--orange);display:flex;gap:1rem;margin:1.5rem 0;padding:1.25rem}.gcash-info strong{display:block;font-size:.9375rem;margin-bottom:.25rem}.gcash-info p{color:#9a3412;font-size:.875rem;line-height:1.5;margin:0}.reservations-section{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:2rem}.reservations-section h3{color:var(--gray-900);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.reservations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.reservation-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease}.reservation-card:hover{border-color:var(--primary-green-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.reservation-header{align-items:flex-start;background:linear-gradient(135deg,var(--primary-green-50) 0,var(--white) 100%);border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;padding:1.5rem}.reservation-header h4{color:var(--gray-900);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.reservation-date{align-items:center;color:var(--gray-600);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin:0}.status-badge{font-size:.75rem;gap:.375rem;padding:.5rem 1rem}.reservation-body{padding:1.5rem}.reservation-detail{margin-bottom:1rem}.reservation-detail strong{color:var(--gray-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem}.reservation-detail p{color:var(--gray-800);font-size:.9375rem;line-height:1.5;margin:0}.reservation-detail span{color:var(--gray-700);font-size:.9375rem}.expiry-warning,.reservation-detail span{align-items:center;display:flex;gap:.5rem}.expiry-warning{background:#fef3c7;border:2px solid #fde68a;border-radius:var(--radius-md);color:#92400e;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.75rem 1rem}.rejection-reason{background:#fee2e2;border:2px solid #fecaca;border-radius:var(--radius-md);margin-top:1rem;padding:1rem}.rejection-reason strong{color:#991b1b;display:block;font-size:.875rem;margin-bottom:.5rem}.rejection-reason p{color:#dc2626;font-size:.9375rem;line-height:1.5;margin:0}.approval-info{align-items:center;background:var(--primary-green-50);border:2px solid var(--primary-green-200);border-radius:var(--radius-md);color:var(--primary-green-dark);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.reservation-footer{background:var(--gray-50);border-top:2px solid var(--gray-100);padding:1.25rem 1.5rem}.receipt-upload{align-items:center;display:flex;gap:.75rem}.file-input{display:none}.file-label{align-items:center;background:var(--white);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;display:inline-flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.file-label:hover{background:var(--primary-green-50);border-color:var(--primary-green);color:var(--primary-green)}.upload-btn{background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border:none;border-radius:var(--radius-lg);color:var(--white);cursor:pointer;font-size:.875rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.upload-btn:hover{box-shadow:var(--shadow-green);transform:translateY(-2px)}.upload-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none}.view-receipt-btn{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:var(--radius-lg);display:flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease;width:100%}.view-receipt-btn:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:var(--white);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.modal-header{align-items:center;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h3{color:var(--gray-900);font-size:1.375rem;font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;padding:.5rem;transition:all .3s ease}.modal-close:hover{background:#fee2e2;color:var(--red);transform:rotate(90deg)}.modal-body{align-items:center;background:var(--gray-50);display:flex;flex:1 1;justify-content:center;overflow:auto;padding:2rem}.receipt-image,.receipt-pdf{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:auto;max-height:70vh;width:100%}.receipt-pdf{min-height:600px}.loading-state{padding:4rem 2rem;text-align:center}.loading-state p{color:var(--gray-600);font-weight:500;margin-top:1.5rem}.empty-state{color:var(--gray-500)}@media (max-width:767px){.reservations-grid{grid-template-columns:1fr}.facility-admin-range-field{gap:.45rem;grid-template-columns:1fr}.facility-admin-range-field strong{justify-self:start}.receipt-upload{flex-direction:column}.file-label{justify-content:center;width:100%}.upload-btn{width:100%}}.filters-section{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.5rem}.resident-name{color:var(--gray-700);font-size:.9375rem;font-weight:600;margin:.25rem 0 .125rem}.resident-address{color:var(--gray-500);font-size:.8125rem;margin:0}.expiry-info{align-items:center;background:#fef3c7;border:2px solid #fde68a;border-radius:var(--radius-md);color:#92400e;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.rejection-info{background:#fee2e2;border:2px solid #fecaca;border-radius:var(--radius-md);margin-top:1rem;padding:1rem}.rejection-info strong{color:#991b1b;display:block;font-size:.875rem;margin-bottom:.5rem}.rejection-info p{color:#dc2626;font-size:.9375rem;line-height:1.5;margin:0}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.btn-approve,.btn-reject,.btn-verify{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem;transition:all .3s ease}.btn-verify{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.btn-verify:hover{background:#2563eb;box-shadow:0 8px 20px #2563eb4d;color:#fff;transform:translateY(-2px)}.btn-approve{background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);box-shadow:var(--shadow-green);color:#fff}.btn-approve:hover{box-shadow:0 12px 28px #10b98166;transform:translateY(-2px)}.btn-reject{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.btn-reject:hover{background:#dc2626;box-shadow:0 8px 20px #dc26264d;color:#fff;transform:translateY(-2px)}@media (max-width:767px){.action-buttons{flex-direction:column}.btn-approve,.btn-reject,.btn-verify{width:100%}.filters-section>div{flex-direction:column}.filters-section>div>div:last-child{display:flex;gap:.5rem;overflow-x:auto;width:100%}}.facility-admin-shell{display:flex;flex-direction:column;gap:1.25rem}.facility-admin-page-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.facility-admin-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem;justify-content:flex-end}.facility-admin-view-switch{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:999px;box-shadow:var(--shadow-md);display:inline-flex;gap:.35rem;padding:.35rem}.facility-admin-view-btn{background:#0000;border:none;border-radius:999px;color:var(--gray-600);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;padding:.75rem 1.1rem;transition:all .25s ease}.facility-admin-view-btn:hover{background:var(--primary-green-50);color:var(--primary-green-dark)}.facility-admin-view-btn.active{background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);box-shadow:var(--shadow-green);color:var(--white)}.facility-admin-overview{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:1.35fr .95fr}.facility-admin-card,.facility-admin-filter-card,.facility-admin-qr-card,.facility-admin-summary-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.facility-admin-summary-card{align-self:start;background:linear-gradient(135deg,var(--primary-green-50) 0,var(--white) 100%);display:flex;gap:1.25rem;justify-content:space-between;overflow:hidden;padding:1.6rem}.facility-admin-kicker{align-items:center;background:var(--primary-green-100);border-radius:var(--radius-full);color:var(--primary-green-dark);display:inline-flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.05em;padding:.35rem .75rem;text-transform:uppercase}.facility-admin-summary-copy h3{color:var(--gray-900);font-size:1.55rem;line-height:1.2;margin:.85rem 0 .6rem}.facility-admin-summary-copy p{color:var(--gray-600);line-height:1.65;margin:0;max-width:38rem}.facility-admin-summary-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-width:230px}.facility-admin-summary-btn{gap:.5rem;width:100%}.facility-admin-summary-btn,.facility-admin-summary-note{align-items:center;display:inline-flex;justify-content:center}.facility-admin-summary-note{background:var(--white);border:1px solid var(--primary-green-100);border-radius:999px;color:var(--primary-green-dark);font-size:.8125rem;font-weight:700;padding:.55rem .85rem}.facility-admin-mini-stats{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr));min-width:min(100%,360px)}.facility-admin-mini-stats div{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:1rem}.facility-admin-mini-stats strong{color:var(--gray-900);display:block;font-size:1.7rem}.facility-admin-mini-stats span{color:var(--gray-500);display:block;font-weight:600;margin-top:.35rem}.facility-admin-qr-card{align-self:start;display:flex;flex-direction:column;gap:.9rem;padding:1.35rem}.facility-admin-filter-card h3,.facility-admin-qr-head h3{align-items:center;color:#0f172a;display:flex;gap:.55rem;margin:0}.facility-admin-qr-head p{color:var(--gray-500);font-size:.875rem;line-height:1.55;margin:.45rem 0 0}.facility-admin-qr-image{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-xl);max-height:280px;object-fit:contain;padding:1rem;width:100%}.facility-admin-empty-qr{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--radius-lg);color:#c2410c;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;padding:1rem 1.1rem}.facility-admin-qr-preview-btn{align-items:center;background:var(--primary-green-50);border:2px solid var(--primary-green-200);border-radius:var(--radius-lg);color:var(--primary-green-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:700;gap:.45rem;justify-content:center;padding:.85rem 1rem;transition:all .3s ease;width:100%}.facility-admin-qr-preview-btn:hover{background:var(--primary-green);border-color:var(--primary-green);box-shadow:var(--shadow-green);color:var(--white)}.facility-admin-upload-box{align-items:center;display:flex;gap:.75rem}.facility-admin-file-label{margin:0}.facility-admin-upload-btn{font-size:.875rem;min-width:120px;padding:.75rem 1rem}.facility-admin-stats-grid{margin-bottom:0}.facility-admin-stat-card{border-left-style:solid;border-left-width:5px}.facility-admin-stat-card.blue{border-left-color:#2563eb}.facility-admin-stat-card.gold{border-left-color:#d97706}.facility-admin-stat-card.orange{border-left-color:#ea580c}.facility-admin-stat-card.green{border-left-color:#059669}.facility-admin-filter-card{align-items:center;display:flex;gap:.85rem;justify-content:space-between;padding:1rem 1.15rem}.facility-admin-search{flex:1 1;position:relative}.facility-admin-search svg{color:#94a3b8;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.facility-admin-search input{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-800);font-family:inherit;font-size:.9375rem;font-weight:500;padding:.85rem 1rem .85rem 2.9rem;width:100%}.facility-admin-search input:focus{border-color:var(--primary-green);box-shadow:0 0 0 4px #10b9811a;outline:none}.facility-admin-filter-row{display:flex;gap:.6rem}.facility-admin-filter-row .form-input{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-family:inherit;font-size:.875rem;min-width:190px}.facility-admin-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.facility-admin-card{overflow:hidden;transition:all .3s ease}.facility-admin-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.facility-admin-card-top{align-items:flex-start;background:linear-gradient(135deg,var(--primary-green-50) 0,var(--white) 100%);border-bottom:1px solid var(--gray-100);display:flex;gap:1rem;justify-content:space-between;padding:1.2rem 1.25rem .95rem}.facility-admin-card-top h4{color:var(--gray-900);font-size:1.0625rem;margin:0}.facility-admin-card-top p{color:var(--primary-green-dark);font-size:.875rem;font-weight:700;margin:.35rem 0 0}.facility-admin-payment,.facility-admin-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.76rem;font-weight:700;gap:.45rem;letter-spacing:.04em;padding:.45rem .8rem;text-transform:uppercase}.facility-admin-status.pending{background:#fef3c7;color:#a16207}.facility-admin-status.approved{background:#dcfce7;color:#15803d}.facility-admin-status.rejected{background:#fee2e2;color:#b91c1c}.facility-admin-status.expired{background:#e2e8f0;color:#475569}.facility-admin-card-body{display:flex;flex-direction:column;gap:.9rem;padding:1.2rem 1.25rem 1rem}.facility-admin-user-strip{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:.95rem 1rem}.facility-admin-user-strip strong{color:var(--gray-900);display:block;font-size:.95rem}.facility-admin-user-strip span{color:var(--gray-500);display:block;font-size:.8125rem;margin-top:.3rem}.facility-admin-details-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.facility-admin-detail{align-items:flex-start;background:var(--gray-50);border-radius:var(--radius-lg);display:flex;gap:.7rem;padding:.85rem .9rem}.facility-admin-detail svg{color:var(--primary-green);margin-top:.1rem}.facility-admin-detail strong{color:var(--gray-600);display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:.2rem;text-transform:uppercase}.facility-admin-detail p{color:var(--gray-800);font-size:.875rem;line-height:1.5;margin:0}.facility-admin-approved-box,.facility-admin-purpose-box,.facility-admin-reject-box{border-radius:var(--radius-lg);padding:.95rem 1rem}.facility-admin-purpose-box{background:var(--gray-50);border:1px solid var(--gray-100)}.facility-admin-purpose-box strong,.facility-admin-reject-box strong{color:#334155;display:block;margin-bottom:.45rem}.facility-admin-purpose-box p,.facility-admin-reject-box p{color:var(--gray-700);font-size:.875rem;line-height:1.6;margin:0}.facility-admin-payment{border-radius:var(--radius-lg);justify-content:space-between;padding:.95rem 1rem}.facility-admin-payment strong{display:block;font-size:.875rem}.facility-admin-payment p{font-size:.8125rem;margin:.3rem 0 0}.facility-admin-payment span{font-size:.75rem;font-weight:700}.facility-admin-payment.free{background:#ecfdf5;color:#047857}.facility-admin-payment.verified{background:#dcfce7;color:#166534}.facility-admin-payment.pending{background:#fff7ed;color:#c2410c}.facility-admin-payment.rejected{background:#fee2e2;color:#b91c1c}.facility-admin-payment.waiting{background:#eff6ff;color:#1d4ed8}.facility-admin-reject-box{background:#fff1f2;border:1px solid #fecdd3}.facility-admin-approved-box{align-items:center;background:var(--primary-green-50);border:1px solid var(--primary-green-200);color:var(--primary-green-dark);display:flex;font-size:.875rem;font-weight:700;gap:.6rem}.facility-admin-card-footer{display:flex;flex-direction:column;gap:.75rem;padding:0 1.25rem 1.25rem}.facility-admin-receipt-btn{margin-bottom:0}.facility-admin-actions{display:flex;flex-wrap:wrap;gap:.6rem}.facility-admin-actions .btn-approve,.facility-admin-actions .btn-reject,.facility-admin-actions .btn-verify{font-family:inherit;font-size:.8125rem;min-width:134px;padding:.7rem .9rem}.facility-admin-reject-panel{display:flex;flex-direction:column;gap:.75rem;width:100%}.facility-admin-reject-panel .form-textarea{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-family:inherit;font-size:.875rem}.facility-admin-reject-actions{display:flex;gap:.75rem}.facility-admin-cancel-btn{background:var(--gray-100);border:none;border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;flex:1 1;font-family:inherit;font-size:.8125rem;font-weight:700;padding:.75rem .9rem}.facility-admin-empty-state{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}@media (max-width:1024px){.facility-admin-page-header{flex-direction:column}.facility-admin-overview{grid-template-columns:1fr}.facility-admin-summary-card{flex-direction:column}.facility-admin-header-actions,.facility-admin-summary-actions{align-items:stretch;justify-content:flex-start;width:100%}.facility-admin-mini-stats{min-width:0;width:100%}.facility-admin-library-head-side{justify-items:stretch;width:100%}.facility-admin-filter-card{align-items:stretch;flex-direction:column}}@media (max-width:767px){.facility-admin-grid{grid-template-columns:1fr}.facility-admin-library-head-side,.facility-admin-reservations-head,.facility-admin-view-switch{width:100%}.facility-admin-details-grid{grid-template-columns:1fr}.facility-admin-filter-row,.facility-admin-reject-actions,.facility-admin-upload-box{flex-direction:column}.facility-admin-header-actions,.facility-admin-page-header,.facility-admin-summary-actions{align-items:stretch}.facility-admin-actions .btn-approve,.facility-admin-actions .btn-reject,.facility-admin-actions .btn-verify,.facility-admin-cancel-btn,.facility-admin-filter-row .form-input,.facility-admin-upload-btn{width:100%}.facility-admin-payment{align-items:flex-start;flex-direction:column}.facility-admin-reservations-head{flex-direction:column}}.facility-admin-management-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1.7fr 1fr;margin-bottom:1.5rem}.facility-admin-editor-card,.facility-admin-library-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:1.5rem}.facility-admin-editor-head,.facility-admin-library-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.facility-admin-library-head-side{grid-gap:.8rem;display:grid;gap:.8rem;justify-items:end}.facility-admin-editor-head h3,.facility-admin-library-head h3{color:var(--gray-900);margin:0}.facility-admin-editor-head p,.facility-admin-library-head p{color:var(--gray-500);margin:.35rem 0 0}.facility-admin-library-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.facility-admin-library-item{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--gray-200);border-radius:22px;overflow:hidden}.facility-admin-library-image-wrap,.facility-admin-photo-preview{background:var(--gray-100);border-radius:18px;height:180px;overflow:hidden;width:100%}.facility-admin-library-image,.facility-admin-photo-current,.facility-admin-reservation-photo{height:100%;object-fit:cover;width:100%}.facility-admin-library-placeholder,.facility-admin-photo-note{grid-gap:.35rem;background:linear-gradient(135deg,#f8fafc,#eef2ff);color:var(--gray-500);display:grid;font-weight:600;gap:.35rem;height:100%;place-items:center;text-align:center;width:100%}.facility-admin-library-copy{grid-gap:.9rem;display:grid;gap:.9rem;padding:1rem}.facility-admin-library-title{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.facility-admin-library-title h4{color:var(--gray-900);margin:0}.facility-admin-library-title p{color:var(--gray-600);line-height:1.6;margin:.35rem 0 0}.facility-admin-rate-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:700;padding:.4rem .8rem;white-space:nowrap}.facility-admin-rate-pill.paid{background:#dbeafe;color:#1d4ed8}.facility-admin-rate-pill.free{background:#dcfce7;color:#15803d}.facility-admin-map-chip{align-items:center;background:#ecfeff;border-radius:999px;color:#0e7490;display:inline-flex;font-size:.78rem;font-weight:800;gap:.4rem;padding:.45rem .7rem;width:-webkit-fit-content;width:fit-content}.facility-admin-inline-actions,.facility-admin-library-actions{display:flex;flex-wrap:wrap;gap:.6rem}.facility-admin-inline-btn{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:.4rem;padding:.65rem .9rem}.facility-admin-create-btn{justify-self:end}.facility-admin-inline-btn.danger{background:#fff1f2;border-color:#fecaca;color:#b91c1c}.facility-admin-editor-grid{grid-gap:1rem;display:grid;gap:1rem}.facility-admin-form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#b91c1c;font-weight:600;margin-bottom:1rem;padding:.85rem 1rem}.facility-admin-field{grid-gap:.45rem;display:grid;gap:.45rem}.facility-admin-field span{color:var(--gray-700);font-weight:700}.facility-admin-field-span{grid-column:1/-1}.facility-admin-map-fields{grid-gap:.85rem;background:linear-gradient(135deg,#ecfeffd9,#f0fdf4e0);border:1px solid var(--gray-200);border-radius:18px;display:grid;gap:.85rem;padding:1rem}.facility-admin-map-head{align-items:flex-start;color:#0e7490;display:flex;gap:.7rem}.facility-admin-map-head strong{color:var(--gray-900);display:block;font-size:.95rem}.facility-admin-map-head span{color:var(--gray-500);display:block;font-size:.82rem;line-height:1.4;margin-top:.2rem}.facility-admin-range-field{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:7rem minmax(0,1fr) 3.4rem}.facility-admin-range-field span{color:var(--gray-600);font-size:.82rem;font-weight:800}.facility-admin-range-field input[type=range]{accent-color:var(--primary-green);width:100%}.facility-admin-range-field strong{color:#0e7490;font-size:.82rem;justify-self:end}.facility-admin-photo-panel{grid-gap:.8rem;display:grid;gap:.8rem}.facility-admin-photo-note{min-height:180px}.facility-admin-file-label{width:100%}.facility-admin-reservation-photo-wrap{height:160px;overflow:hidden}.facility-admin-reject-wrap{grid-gap:.7rem;display:grid;gap:.7rem}.facility-admin-reservations-shell{grid-gap:1.25rem;display:grid;gap:1.25rem}.facility-admin-reservations-head{align-items:flex-start;background:linear-gradient(135deg,#ecfdf5,#fff 65%);border:1px solid var(--primary-green-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;gap:1rem;justify-content:space-between;padding:1.4rem 1.5rem}.facility-admin-reservations-head h3{color:var(--gray-900);margin:.85rem 0 .45rem}.facility-admin-reservations-head p{color:var(--gray-600);line-height:1.6;margin:0;max-width:42rem}@media (max-width:1024px){.facility-admin-management-grid{grid-template-columns:1fr}}@media (max-width:767px){.facility-admin-mini-stats{grid-template-columns:1fr}.facility-admin-editor-head,.facility-admin-library-head,.facility-admin-library-title{flex-direction:column}}.billing-root{display:flex;flex-direction:column;gap:1rem}.billing-settings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr)}.billing-settings-card,.billing-table-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.billing-settings-card{padding:1.25rem}.billing-settings-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.billing-section-head h3,.billing-settings-header h3{align-items:center;display:inline-flex;gap:.45rem;margin:0 0 .35rem}.billing-section-head p,.billing-settings-header p{color:var(--gray-500);margin:0}.billing-dues-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.billing-due-panel{background:linear-gradient(180deg,#f8fffc,#fff);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:1rem}.billing-due-panel-head{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.85rem}.billing-due-panel-head h4{color:var(--gray-900);font-size:1rem;margin:0 0 .2rem}.billing-due-panel-head p{color:var(--gray-500);font-size:.82rem;margin:0}.billing-dues-year{align-items:center;background:var(--primary-green-50);border-radius:var(--radius-lg);color:var(--primary-green-dark);display:inline-flex;font-size:.82rem;font-weight:800;justify-content:center;min-width:4.75rem;padding:.55rem .85rem}.billing-dues-year.accent{background:#eff6ff;color:#1d4ed8}.billing-dues-editor{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.billing-dues-input{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-900);font-family:inherit;font-size:.95rem;font-weight:600;min-width:10rem;padding:.7rem .85rem}.billing-dues-input:focus,.billing-input:focus,.billing-phase-filter select:focus,.billing-search:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811f;outline:none}.billing-btn-pay-all,.billing-btn-reject,.billing-btn-save,.billing-btn-unpay-all,.billing-btn-verify,.billing-btn-view,.billing-directory-open-btn,.billing-dues-save-btn,.billing-qr-open-btn,.billing-upload-qr-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.4rem;justify-content:center;transition:all .2s ease}.billing-btn-pay-all,.billing-btn-save,.billing-directory-open-btn,.billing-dues-save-btn,.billing-qr-open-btn,.billing-upload-qr-btn{background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));box-shadow:0 4px 12px #10b98138;color:var(--white)}.billing-btn-pay-all,.billing-btn-save,.billing-directory-open-btn,.billing-dues-save-btn{font-size:.82rem;padding:.7rem 1rem}.billing-btn-pay-all:hover:not(:disabled),.billing-btn-save:hover,.billing-directory-open-btn:hover,.billing-dues-save-btn:hover:not(:disabled),.billing-qr-open-btn:hover,.billing-upload-qr-btn:hover{box-shadow:0 8px 18px #10b98157;transform:translateY(-1px)}.billing-btn-pay-all:disabled,.billing-btn-unpay-all:disabled,.billing-dues-save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.billing-upload-qr-btn{font-size:.82rem;padding:.75rem 1rem}.billing-upload-qr-btn input{display:none}.billing-settings-preview{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.billing-qr-open-btn{font-size:.84rem;padding:.75rem 1rem}.billing-qr-empty{align-items:center;background:#fff7ed;border-radius:var(--radius-lg);color:#c2410c;display:inline-flex;gap:.45rem;padding:.9rem 1rem}.billing-upload-filename{color:var(--gray-500);font-size:.82rem}.billing-summary-strip{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(6,minmax(0,1fr))}.bss-item{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:.875rem;padding:1rem 1.1rem}.bss-icon,.bss-item{align-items:center;display:flex}.bss-icon{border-radius:var(--radius-lg);flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.bss-label{color:var(--gray-500);font-size:.72rem;font-weight:700;letter-spacing:.04em;margin:0 0 .2rem;text-transform:uppercase}.bss-value{color:var(--gray-900);font-size:1.45rem;font-weight:800;line-height:1;margin:0}.bss-year-nav{align-items:center;display:flex;gap:.45rem;margin-top:.2rem}.bss-year-nav button{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;height:1.8rem;justify-content:center;transition:all .2s ease;width:1.8rem}.bss-year-nav button:hover:not(:disabled){background:var(--primary-green);border-color:var(--primary-green);color:var(--white)}.bss-year-nav button:disabled{cursor:not-allowed;opacity:.35}.bss-year-nav span{color:var(--purple);font-size:1.35rem;font-weight:800;min-width:3rem;text-align:center}.billing-filters-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto}.billing-search-wrap{align-items:center;display:flex;position:relative}.billing-search-icon{color:var(--gray-400);left:.875rem;position:absolute}.billing-search{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-900);font-family:inherit;font-size:.93rem;font-weight:500;padding:.8rem 2.6rem;transition:all .2s ease;width:100%}.billing-search-clear{align-items:center;background:var(--gray-200);border:none;border-radius:999px;color:var(--gray-600);cursor:pointer;display:flex;height:1.6rem;justify-content:center;position:absolute;right:.875rem;transition:all .2s ease;width:1.6rem}.billing-search-clear:hover{background:var(--red);color:var(--white)}.billing-phase-filter{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-600);display:inline-flex;font-weight:600;gap:.55rem;padding:.2rem .2rem .2rem .85rem}.billing-phase-filter select{background:#0000;border:none;color:var(--gray-900);font-family:inherit;font-size:.9rem;font-weight:600;min-width:10rem;padding:.65rem .8rem}.billing-type-switch{flex-wrap:wrap}.billing-type-switch,.billing-type-tab{align-items:center;display:inline-flex;gap:.6rem}.billing-type-tab{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-700);cursor:pointer;font-family:inherit;font-weight:700;padding:.8rem 1rem;transition:all .2s ease}.billing-type-tab strong{align-items:center;background:var(--gray-100);border-radius:999px;color:var(--gray-700);display:inline-flex;font-size:.82rem;height:1.9rem;justify-content:center;min-width:1.9rem}.billing-type-tab:hover{background:var(--primary-green-50);border-color:var(--primary-green-200)}.billing-type-tab.active{background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));border-color:#0000;box-shadow:0 10px 22px #10b98138;color:var(--white)}.billing-type-tab.active strong{background:#ffffff29;color:var(--white)}.billing-section-head{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.billing-directory-table-wrap,.billing-table-wrap{overflow-x:auto}.billing-directory-table,.billing-table{border-collapse:collapse;width:100%}.billing-directory-table thead tr,.billing-table thead tr{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.billing-directory-table th,.billing-table th{color:var(--gray-500);font-size:.72rem;font-weight:800;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.billing-directory-table td,.billing-table td{border-bottom:1px solid var(--gray-100);padding:.9rem 1rem;vertical-align:middle}.billing-directory-table tbody tr:hover{background:var(--primary-green-50)}.billing-directory-name{align-items:center;display:flex;gap:.75rem}.billing-detail-avatar,.billing-row-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));border-radius:999px;color:var(--white);display:flex;flex-shrink:0;font-weight:800;justify-content:center}.billing-row-avatar{box-shadow:0 4px 12px #10b98133;height:2.4rem;width:2.4rem}.billing-directory-name strong{color:var(--gray-900);display:block;font-size:.92rem}.billing-directory-name span{color:var(--gray-500);display:block;font-size:.78rem;margin-top:.15rem}.billing-directory-pill{align-items:center;background:var(--primary-green-50);border-radius:999px;color:var(--primary-green-dark);display:inline-flex;font-size:.73rem;font-weight:700;padding:.3rem .65rem}.billing-directory-address{align-items:center;color:var(--gray-600);display:inline-flex;font-size:.84rem;gap:.35rem}.billing-directory-action-cell{text-align:right}.billing-directory-open-btn{padding:.62rem .95rem}.billing-pending-pill{align-items:center;background:#fef3c7;border-radius:999px;color:#92400e;display:inline-flex;font-size:.72rem;font-weight:700;padding:.28rem .58rem}.billing-detail-header{align-items:center;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem}.billing-back-btn,.billing-btn-cancel,.billing-btn-edit,.billing-btn-paid,.billing-year-btn,.billing-year-pill{font-family:inherit;transition:all .2s ease}.billing-back-btn,.billing-year-btn{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:.35rem;padding:.55rem .95rem}.billing-back-btn:hover,.billing-year-btn:hover:not(:disabled){background:var(--gray-200)}.billing-year-btn:disabled{cursor:not-allowed;opacity:.4}.billing-detail-title{align-items:center;display:flex;flex:1 1;gap:.85rem;min-width:0}.billing-detail-avatar{box-shadow:0 6px 16px #10b9813d;height:2.75rem;width:2.75rem}.billing-detail-title h2{color:var(--gray-900);font-size:1.2rem;font-weight:800;margin:0 0 .2rem}.billing-detail-title p{align-items:center;color:var(--gray-500);display:inline-flex;font-size:.83rem;gap:.3rem;margin:0}.billing-detail-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.45rem}.billing-year-nav-group{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.billing-year-pill{background:var(--gray-100);border:2px solid #0000;border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;font-size:.85rem;font-weight:800;padding:.45rem .85rem}.billing-year-pill:hover{background:var(--primary-green-50);color:var(--primary-green-dark)}.billing-year-pill.active{background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));box-shadow:0 6px 16px #10b98138;color:var(--white)}.billing-status-bar{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:1rem;padding:.9rem 1.2rem}.billing-status-bar,.bsb-item{align-items:center;display:flex}.bsb-item{font-size:.88rem;font-weight:600;gap:.45rem}.bsb-item.paid{color:var(--primary-green-dark)}.bsb-item.unpaid{color:var(--red)}.bsb-item strong{font-weight:800}.bsb-progress-wrap{align-items:center;display:flex;flex:1 1;gap:.6rem;margin-left:auto;min-width:10rem}.bsb-progress-bar{background:var(--gray-100);border-radius:999px;flex:1 1;height:8px;overflow:hidden}.bsb-progress-fill{background:linear-gradient(90deg,var(--primary-green),var(--accent-teal));height:100%}.bsb-pct{color:var(--gray-700);font-size:.82rem;font-weight:800}.billing-table-heading{align-items:center;background:linear-gradient(135deg,var(--primary-green-50),var(--white));border-bottom:1px solid var(--primary-green-100);color:var(--primary-green-dark);display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:800;gap:.6rem;padding:.9rem 1.25rem}.billing-table-sub{color:var(--gray-500);font-size:.82rem;font-weight:600;margin-left:auto}.billing-bulk-actions{align-items:center;display:flex;gap:.45rem;margin-left:auto}.billing-btn-unpay-all{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 4px 12px #ef444426;color:#b91c1c;font-size:.82rem;padding:.7rem 1rem}.billing-btn-unpay-all:hover:not(:disabled){background:#ef4444;box-shadow:0 8px 18px #ef444447;color:var(--white);transform:translateY(-1px)}.billing-tr-paid{background:#f0fdf4}.billing-tr-unpaid{background:var(--white)}.billing-tr-paid:hover{background:#dcfce7}.billing-tr-unpaid:hover{background:var(--gray-50)}.billing-td-amount,.billing-td-month{font-weight:700;white-space:nowrap}.billing-td-amount{color:var(--primary-green-dark)}.billing-cell-value{color:var(--gray-800);font-size:.86rem;font-weight:500}.billing-cell-copyable{cursor:pointer}.billing-cell-empty{color:var(--gray-300);font-size:.85rem}.billing-input{border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-900);font-family:inherit;font-size:.83rem;padding:.45rem .65rem;width:100%}.billing-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:800;gap:.3rem;letter-spacing:.04em;padding:.3rem .65rem;text-transform:uppercase}.billing-status-badge.pending{background:#fef3c7;color:#92400e}.billing-status-badge.paid,.billing-status-badge.verified{background:#dcfce7;color:#166534}.billing-status-badge.rejected{background:#fee2e2;color:#991b1b}.billing-status-badge.none,.billing-status-badge.unpaid{background:#e5e7eb;color:#4b5563}.billing-action-group{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.billing-btn-paid{align-items:center;background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:800;gap:.25rem;padding:.42rem .7rem}.billing-btn-paid.is-paid{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.billing-btn-cancel,.billing-btn-edit{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;height:1.95rem;justify-content:center;width:1.95rem}.billing-btn-edit{background:var(--white);border:1px solid var(--gray-200);color:var(--gray-500)}.billing-btn-edit:hover{background:var(--primary-green-50);border-color:var(--primary-green-200);color:var(--primary-green)}.billing-btn-cancel{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-500)}.billing-btn-cancel:hover{background:#ef4444;border-color:#ef4444;color:var(--white)}.billing-btn-reject,.billing-btn-verify,.billing-btn-view{font-size:.77rem;padding:.45rem .7rem}.billing-btn-view{background:#eff6ff;color:#1d4ed8}.billing-btn-verify{background:#dcfce7;color:#166534}.billing-btn-reject{background:#fee2e2;color:#b91c1c}.billing-tfoot-row{background:var(--primary-green-50);border-top:1px solid var(--primary-green-100)}.billing-tfoot-amount,.billing-tfoot-label{font-weight:800}.billing-tfoot-label{color:var(--gray-700)}.billing-tfoot-amount{color:var(--primary-green-dark)}.billing-tfoot-summary{display:flex;flex-direction:column;gap:.2rem}.tfoot-paid{color:#15803d}.tfoot-paid,.tfoot-unpaid{font-size:.82rem;font-weight:700}.tfoot-unpaid{color:#b91c1c}.billing-table-footer{background:var(--gray-50);border-top:1px solid var(--gray-100);color:var(--gray-500);font-size:.78rem;font-weight:500;padding:.85rem 1.25rem}.billing-syncing{align-items:center;color:var(--gray-400);display:inline-flex;font-size:.76rem;font-weight:600;gap:.35rem}@keyframes billing-spin{to{transform:rotate(1turn)}}.billing-spin{animation:billing-spin .8s linear infinite}.billing-receipt-modal{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.billing-receipt-card{background:var(--white);border-radius:var(--radius-2xl);max-height:90vh;overflow:auto;padding:1rem;width:min(780px,100%)}.billing-receipt-card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.billing-receipt-card-head h3{margin:0}.billing-receipt-card-head button{background:#0000;border:none;cursor:pointer}.billing-receipt-frame,.billing-receipt-image{border:none;border-radius:var(--radius-xl);min-height:480px;object-fit:contain;width:100%}@media (max-width:1200px){.billing-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-settings-grid{grid-template-columns:1fr}}@media (max-width:900px){.billing-dues-grid,.billing-filters-row{grid-template-columns:1fr}.billing-phase-filter{justify-content:space-between;width:100%}.billing-phase-filter select{min-width:0;width:100%}}@media (max-width:767px){.billing-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-detail-header,.billing-status-bar{align-items:flex-start;flex-direction:column}.billing-bulk-actions,.billing-year-nav-group,.bsb-progress-wrap{margin-left:0;width:100%}.billing-table-heading{align-items:flex-start}.billing-syncing,.billing-table-sub{margin-left:0}.billing-directory-table td,.billing-directory-table th,.billing-table td,.billing-table th{padding:.7rem .8rem}}@media (max-width:540px){.billing-summary-strip,.billing-type-switch{grid-template-columns:1fr}.billing-type-switch{display:grid}.billing-type-tab{justify-content:space-between;width:100%}.billing-dues-editor{align-items:stretch;flex-direction:column}.billing-btn-pay-all,.billing-btn-unpay-all,.billing-directory-open-btn,.billing-dues-input,.billing-dues-save-btn{width:100%}}.admin-bill-audit-root{display:flex;flex-direction:column;gap:1rem}.admin-bill-audit-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-bill-audit-card,.admin-bill-audit-form-card,.admin-bill-audit-table-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.admin-bill-audit-card{align-items:center;display:flex;gap:.9rem;padding:1rem 1.1rem}.admin-bill-audit-icon{align-items:center;background:var(--primary-green-50);border-radius:var(--radius-lg);color:var(--primary-green-dark);display:flex;height:2.7rem;justify-content:center;width:2.7rem}.admin-bill-audit-icon.money{background:#eff6ff;color:#1d4ed8}.admin-bill-audit-icon.accent{background:#fef3c7;color:#b45309}.admin-bill-audit-card p{color:var(--gray-500);font-size:.78rem;font-weight:700;letter-spacing:.04em;margin:0 0 .25rem;text-transform:uppercase}.admin-bill-audit-card strong{color:var(--gray-900);font-size:1.35rem;font-weight:800}.admin-bill-audit-layout{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.admin-bill-audit-form-card,.admin-bill-audit-table-card{overflow:hidden}.admin-bill-audit-form-card{padding:1.2rem}.admin-bill-audit-form-head,.admin-bill-audit-table-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.admin-bill-audit-form-head h3,.admin-bill-audit-table-head h3{align-items:center;display:inline-flex;gap:.45rem;margin:0 0 .3rem}.admin-bill-audit-form-head p,.admin-bill-audit-table-head p{color:var(--gray-500);margin:0}.admin-bill-audit-cancel{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.35rem;padding:.7rem .9rem;transition:all .2s ease}.admin-bill-audit-cancel:hover{background:var(--gray-200)}.admin-bill-audit-form{display:flex;flex-direction:column;gap:1rem}.admin-bill-audit-inline{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-bill-audit-field{display:flex;flex-direction:column;gap:.45rem}.admin-bill-audit-field label{color:var(--gray-700);font-size:.85rem;font-weight:700}.admin-bill-audit-field input,.admin-bill-audit-field textarea{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-900);font-family:inherit;font-size:.9rem;padding:.78rem .9rem;transition:all .2s ease;width:100%}.admin-bill-audit-field input:focus,.admin-bill-audit-field textarea:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811f;outline:none}.admin-bill-audit-delete,.admin-bill-audit-edit,.admin-bill-audit-submit{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.4rem;justify-content:center;transition:all .2s ease}.admin-bill-audit-submit{background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));box-shadow:0 6px 16px #10b98138;color:var(--white);padding:.85rem 1rem;width:100%}.admin-bill-audit-submit:hover:not(:disabled){box-shadow:0 10px 22px #10b98152;transform:translateY(-1px)}.admin-bill-audit-submit:disabled{cursor:not-allowed;opacity:.45;transform:none}.admin-bill-audit-table-head{padding:1.2rem 1.2rem 0}.admin-bill-audit-table-wrap{overflow-x:auto}.admin-bill-audit-table{border-collapse:collapse;width:100%}.admin-bill-audit-table thead tr{background:var(--gray-50);border-bottom:1px solid var(--gray-200);border-top:1px solid var(--gray-100)}.admin-bill-audit-table th{color:var(--gray-500);font-size:.72rem;font-weight:800;letter-spacing:.05em;padding:.8rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-bill-audit-table td{border-bottom:1px solid var(--gray-100);padding:.95rem 1rem;vertical-align:top}.admin-bill-audit-table tbody tr:hover{background:var(--primary-green-50)}.admin-bill-audit-actor strong,.admin-bill-audit-bill strong{color:var(--gray-900);display:block}.admin-bill-audit-actor span,.admin-bill-audit-bill span{color:var(--gray-500);display:block;font-size:.78rem;margin-top:.2rem}.admin-bill-audit-amount{color:var(--primary-green-dark);font-weight:800;white-space:nowrap}.admin-bill-audit-notes{color:var(--gray-700);min-width:14rem;white-space:pre-wrap}.admin-bill-audit-actions{align-items:center;display:flex;gap:.45rem;white-space:nowrap}.admin-bill-audit-delete,.admin-bill-audit-edit{font-size:.78rem;padding:.55rem .8rem}.admin-bill-audit-edit{background:#eff6ff;color:#1d4ed8}.admin-bill-audit-delete{background:#fee2e2;color:#b91c1c}@media (max-width:1100px){.admin-bill-audit-layout{grid-template-columns:1fr}}@media (max-width:767px){.admin-bill-audit-inline,.admin-bill-audit-summary{grid-template-columns:1fr}.admin-bill-audit-form-head,.admin-bill-audit-table-head{align-items:stretch;flex-direction:column}}.admin-complaint-shell{grid-gap:1rem;display:grid;gap:1rem}.admin-complaint-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-complaint-card,.admin-complaint-stat,.admin-complaint-toolbar{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.admin-complaint-stat{align-items:center;color:var(--primary-green-dark);display:flex;gap:.85rem;padding:1rem 1.1rem}.admin-complaint-stat p{color:var(--gray-500);margin:0}.admin-complaint-stat strong{color:var(--gray-900);font-size:1.35rem}.admin-complaint-toolbar{align-items:center;display:flex;gap:.75rem;justify-content:space-between;padding:1rem}.admin-complaint-search{flex:1 1;position:relative}.admin-complaint-search svg{color:var(--gray-400);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.admin-complaint-search input{border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-800);font-family:inherit;font-size:.9375rem;font-weight:500;padding:.85rem 1rem .85rem 2.75rem;width:100%}.admin-complaint-search input:focus{border-color:var(--primary-green);box-shadow:0 0 0 4px #10b9811a;outline:none}.admin-complaint-filters{display:flex;gap:.6rem}.admin-complaint-filters .form-input{font-family:inherit;min-width:170px}.admin-complaint-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.admin-complaint-card{overflow:hidden}.admin-complaint-card-top{align-items:flex-start;background:linear-gradient(135deg,var(--primary-green-50) 0,var(--white) 100%);border-bottom:1px solid var(--gray-100);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1rem .85rem}.admin-complaint-type{align-items:center;color:var(--primary-green-dark);display:inline-flex;font-size:.75rem;font-weight:700;gap:.35rem;letter-spacing:.05em;margin-bottom:.4rem;text-transform:uppercase}.admin-complaint-card-top h4{color:var(--gray-900);font-size:1rem;margin:0}.admin-complaint-card-top p{color:var(--gray-500);font-size:.82rem;margin:.25rem 0 0}.admin-complaint-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:700;padding:.4rem .75rem}.admin-complaint-status.new{background:#dbeafe;color:#1d4ed8}.admin-complaint-status.review{background:#fef3c7;color:#92400e}.admin-complaint-status.resolved{background:#dcfce7;color:#166534}.admin-complaint-status.dismissed{background:#fee2e2;color:#991b1b}.admin-complaint-card-body{grid-gap:.8rem;display:grid;gap:.8rem;padding:1rem}.admin-complaint-admin-note,.admin-complaint-info-box,.admin-complaint-review-box{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:.9rem 1rem}.admin-complaint-admin-note{background:#eff6ff;border-color:#bfdbfe}.admin-complaint-admin-note strong,.admin-complaint-info-box strong,.admin-complaint-review-box span{color:var(--gray-800);display:block;font-size:.82rem;margin-bottom:.3rem}.admin-complaint-admin-note p,.admin-complaint-info-box p{color:var(--gray-600);line-height:1.55;margin:0}.admin-complaint-edit-btn,.admin-complaint-letter-btn,.admin-complaint-photo-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.4rem;justify-content:center;padding:.75rem .95rem}.admin-complaint-photo-btn{background:#eff6ff;color:#1d4ed8}.admin-complaint-letter-btn{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.admin-complaint-edit-btn{background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));color:var(--white)}.admin-complaint-review-box{grid-gap:.85rem;display:grid;gap:.85rem}.admin-complaint-review-box .form-input,.admin-complaint-review-box .form-textarea{font-family:inherit}.admin-complaint-review-actions{display:flex;gap:.6rem}.admin-complaint-cancel-btn{background:var(--gray-100);border:none;border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;flex:1 1;font-family:inherit;font-weight:700;padding:.75rem .9rem}@media (max-width:960px){.admin-complaint-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-complaint-toolbar{align-items:stretch;flex-direction:column}.admin-complaint-filters{width:100%}}@media (max-width:720px){.admin-complaint-grid,.admin-complaint-summary{grid-template-columns:1fr}.admin-complaint-card-top,.admin-complaint-filters,.admin-complaint-review-actions{flex-direction:column}}.admin-reports-shell{grid-gap:1rem;display:grid;gap:1rem}.admin-reports-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-reports-archive,.admin-reports-archive-card,.admin-reports-card,.admin-reports-generator,.admin-reports-stat{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.admin-reports-stat{align-items:center;color:var(--primary-green-dark);display:flex;gap:.85rem;padding:1rem 1.1rem}.admin-reports-stat p{color:var(--gray-500);margin:0}.admin-reports-stat strong{color:var(--gray-900);font-size:1.35rem}.admin-reports-archive,.admin-reports-generator{padding:1.2rem}.admin-reports-archive-head,.admin-reports-generator-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.admin-reports-archive-head h3,.admin-reports-generator-head h3{color:var(--gray-900);margin:0}.admin-reports-archive-head p,.admin-reports-generator-head p{color:var(--gray-500);margin:.35rem 0 0}.admin-reports-card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-reports-card{grid-gap:.7rem;display:grid;gap:.7rem;padding:1.1rem}.admin-reports-card-icon{align-items:center;background:var(--primary-green-50);border-radius:14px;color:var(--primary-green-dark);display:inline-flex;height:42px;justify-content:center;width:42px}.admin-reports-archive-card h4,.admin-reports-card h4{color:var(--gray-900);margin:0}.admin-reports-archive-card p,.admin-reports-card p{color:var(--gray-500);line-height:1.55;margin:0}.admin-reports-download-btn,.admin-reports-generate-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.45rem;justify-content:center;padding:.8rem 1rem}.admin-reports-generate-btn{background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));color:var(--white)}.admin-reports-download-btn{background:#eff6ff;color:#1d4ed8}.admin-reports-download-btn:disabled,.admin-reports-generate-btn:disabled{cursor:not-allowed;opacity:.7}.admin-reports-filter{font-family:inherit;min-width:180px}.admin-reports-archive-list{grid-gap:1rem;display:grid;gap:1rem}.admin-reports-archive-card{padding:1rem}.admin-reports-archive-card-top{align-items:flex-start;border-bottom:1px solid var(--gray-100);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.admin-reports-type-badge{align-items:center;background:var(--primary-green-50);border-radius:var(--radius-full);color:var(--primary-green-dark);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.04em;margin-bottom:.45rem;padding:.35rem .7rem;text-transform:uppercase}.admin-reports-meta-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-reports-meta-box{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:.85rem .95rem}.admin-reports-meta-box strong{color:var(--gray-800);display:block;font-size:.82rem;margin-bottom:.3rem}.admin-reports-meta-box p{color:var(--gray-600)}@media (max-width:960px){.admin-reports-meta-grid,.admin-reports-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-reports-card-grid{grid-template-columns:1fr}}@media (max-width:720px){.admin-reports-meta-grid,.admin-reports-summary{grid-template-columns:1fr}.admin-reports-archive-card-top,.admin-reports-archive-head,.admin-reports-generator-head{flex-direction:column}.admin-reports-download-btn,.admin-reports-filter{width:100%}}.admin-doc-shell{grid-gap:1rem;display:grid;gap:1rem}.admin-doc-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-doc-card,.admin-doc-stat,.admin-doc-toolbar{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.admin-doc-stat{padding:1rem 1.1rem}.admin-doc-card-top p,.admin-doc-info-box p,.admin-doc-remarks-box p,.admin-doc-stat p{color:var(--gray-500);margin:0}.admin-doc-stat strong{color:var(--gray-900);display:block;font-size:1.35rem;margin-top:.25rem}.admin-doc-toolbar{align-items:center;display:flex;gap:.8rem;padding:1rem}.admin-doc-search{flex:1 1;position:relative}.admin-doc-search svg{color:var(--gray-400);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.admin-doc-search input{border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-family:inherit;padding:.85rem 1rem .85rem 2.75rem;width:100%}.admin-doc-search input:focus{border-color:var(--primary-green);box-shadow:0 0 0 4px #10b9811a;outline:none}.admin-doc-filter{font-family:inherit;min-width:220px}.admin-doc-list{grid-gap:1rem;display:grid;gap:1rem}.admin-doc-card{padding:1rem}.admin-doc-card-top{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.admin-doc-type-pill{background:var(--primary-green-50);border-radius:var(--radius-full);color:var(--primary-green-dark);display:inline-flex;font-size:.75rem;font-weight:700;margin-bottom:.45rem;padding:.35rem .7rem}.admin-doc-card-top h4{color:var(--gray-900);margin:0}.admin-doc-status{border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:700;padding:.38rem .72rem}.admin-doc-status.pending{background:#dbeafe;color:#1d4ed8}.admin-doc-status.review{background:#fef3c7;color:#92400e}.admin-doc-status.approved{background:#dcfce7;color:#166534}.admin-doc-status.rejected{background:#fee2e2;color:#991b1b}.admin-doc-info-box,.admin-doc-remarks-box,.admin-doc-review-box{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);margin-top:.85rem;padding:.9rem 1rem}.admin-doc-remarks-box{background:#eff6ff;border-color:#bfdbfe}.admin-doc-info-box strong,.admin-doc-remarks-box strong,.admin-doc-review-box span{color:var(--gray-800);display:block;margin-bottom:.35rem}.admin-doc-action-row,.admin-doc-meta-row,.admin-doc-review-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.85rem}.admin-doc-meta-row{color:var(--gray-500);font-size:.9rem}.admin-doc-download-link,.admin-doc-edit-btn,.admin-doc-secondary-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.4rem;justify-content:center;padding:.75rem .95rem;text-decoration:none}.admin-doc-secondary-btn{background:var(--gray-100);color:var(--gray-700)}.admin-doc-download-link{background:#eff6ff;color:#1d4ed8}.admin-doc-edit-btn{background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));color:var(--white)}.admin-doc-preview-frame{border:none;border-radius:0 0 var(--radius-xl) var(--radius-xl);height:70vh;width:100%}@media (max-width:960px){.admin-doc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-doc-toolbar{align-items:stretch;flex-direction:column}}@media (max-width:720px){.admin-doc-summary{grid-template-columns:1fr}.admin-doc-card-top{flex-direction:column}}.contact-hoa-admin-root{display:flex;flex-direction:column;gap:1rem}.contact-hoa-admin-card,.contact-hoa-admin-loading{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.contact-hoa-admin-loading{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;gap:.85rem;justify-content:center;padding:3.5rem 1.5rem}.contact-hoa-admin-layout{grid-gap:1rem;display:grid;gap:1rem}.contact-hoa-admin-card{padding:1.2rem}.contact-hoa-admin-card-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.contact-hoa-admin-card-head h3{color:var(--gray-900);margin:0 0 .3rem}.contact-hoa-admin-card-head p{color:var(--gray-500);line-height:1.6;margin:0}.contact-hoa-admin-image-panel{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(320px,1.1fr) minmax(260px,.9fr)}.contact-hoa-admin-image-frame{align-items:center;background:radial-gradient(circle at top left,#10b9811f,#0000 28%),linear-gradient(180deg,#fff,#f8fffb);border:1px solid var(--gray-200);border-radius:22px;display:flex;justify-content:center;min-height:320px;overflow:hidden}.contact-hoa-admin-image-frame img{background:var(--white);height:100%;object-fit:contain;width:100%}.contact-hoa-admin-empty-image{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;gap:.75rem;padding:2rem;text-align:center}.contact-hoa-admin-image-tools{display:flex;flex-direction:column;gap:.85rem}.contact-hoa-admin-add,.contact-hoa-admin-delete,.contact-hoa-admin-remove,.contact-hoa-admin-reset,.contact-hoa-admin-save,.contact-hoa-admin-upload{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.4rem;justify-content:center;transition:all .2s ease}.contact-hoa-admin-upload{background:var(--gray-100);color:var(--gray-700);padding:.85rem 1rem;width:100%}.contact-hoa-admin-upload input{display:none}.contact-hoa-admin-file-note{color:var(--gray-500);font-size:.82rem}.contact-hoa-admin-selected-file{background:var(--primary-green-50);border:1px solid var(--primary-green-100);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1rem}.contact-hoa-admin-selected-file strong{color:var(--gray-900);font-size:.9rem}.contact-hoa-admin-selected-file span{color:var(--gray-500);font-size:.8rem}.contact-hoa-admin-actions,.contact-hoa-admin-footer{display:flex;flex-wrap:wrap;gap:.75rem}.contact-hoa-admin-save{background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));box-shadow:0 6px 16px #10b98138;color:var(--white);padding:.85rem 1rem}.contact-hoa-admin-save:hover:not(:disabled){box-shadow:0 10px 22px #10b9814d;transform:translateY(-1px)}.contact-hoa-admin-delete{background:#fee2e2;color:#b91c1c;padding:.85rem 1rem}.contact-hoa-admin-delete:hover:not(:disabled){background:#fecaca}.contact-hoa-admin-add{background:var(--gray-100);color:var(--gray-700);padding:.8rem .95rem}.contact-hoa-admin-add:hover{background:var(--gray-200)}.contact-hoa-admin-contact-list{grid-gap:.85rem;display:grid;gap:.85rem}.contact-hoa-admin-empty-contacts{align-items:center;border:1px dashed var(--gray-300);border-radius:20px;color:var(--gray-500);display:flex;flex-direction:column;gap:.7rem;padding:2rem 1rem}.contact-hoa-admin-contact-row{background:linear-gradient(180deg,#fff,#fbfffd);border:1px solid var(--gray-200);border-radius:20px;padding:1rem}.contact-hoa-admin-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:minmax(0,1.3fr) minmax(180px,.8fr) minmax(0,1.2fr)}.contact-hoa-admin-field{display:flex;flex-direction:column;gap:.45rem}.contact-hoa-admin-field label{color:var(--gray-700);font-size:.84rem;font-weight:700}.contact-hoa-admin-field input,.contact-hoa-admin-field select{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-900);font-size:.9rem;padding:.78rem .9rem;transition:all .2s ease;width:100%}.contact-hoa-admin-field input:focus,.contact-hoa-admin-field select:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811f;outline:none}.contact-hoa-admin-row-actions{display:flex;justify-content:flex-end;margin-top:.9rem}.contact-hoa-admin-remove{background:var(--gray-100);color:var(--gray-700);padding:.65rem .85rem}.contact-hoa-admin-remove:hover{background:var(--gray-200)}.contact-hoa-admin-reset{background:var(--gray-100);color:var(--gray-700);padding:.85rem 1rem}.contact-hoa-admin-reset:hover:not(:disabled){background:var(--gray-200)}.spin{animation:contact-hoa-spin .8s linear infinite}@keyframes contact-hoa-spin{to{transform:rotate(1turn)}}@media (max-width:960px){.contact-hoa-admin-grid,.contact-hoa-admin-image-panel{grid-template-columns:1fr}}@media (max-width:640px){.contact-hoa-admin-card-head,.contact-hoa-admin-footer{align-items:stretch;flex-direction:column}.contact-hoa-admin-add,.contact-hoa-admin-delete,.contact-hoa-admin-reset,.contact-hoa-admin-save{width:100%}}.cctv-module{display:flex;flex-direction:column;gap:1rem}.cctv-editor,.cctv-empty,.cctv-feed-card,.cctv-loading{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.cctv-editor{padding:1.2rem}.cctv-editor-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.cctv-editor-head h3,.cctv-empty h3,.cctv-feed-body h3,.cctv-feed-placeholder h4{color:var(--gray-900);margin:0}.cctv-editor-head p,.cctv-empty p,.cctv-feed-placeholder p{color:var(--gray-500);line-height:1.55;margin:.25rem 0 0}.cctv-form-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(160px,.45fr)}.cctv-field{display:flex;flex-direction:column;gap:.45rem}.cctv-field--wide{grid-column:1/-1}.cctv-field span{color:var(--gray-700);font-size:.84rem;font-weight:700}.cctv-field input,.cctv-field select,.cctv-field textarea{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-900);font:inherit;font-size:.92rem;padding:.78rem .9rem;resize:vertical;width:100%}.cctv-field input:focus,.cctv-field select:focus,.cctv-field textarea:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811f;outline:none}.cctv-editor-actions,.cctv-feed-actions{display:flex;flex-wrap:wrap;gap:.7rem}.cctv-editor-actions{justify-content:flex-end;margin-top:1rem}.cctv-danger-btn,.cctv-icon-btn,.cctv-link-btn,.cctv-primary-btn,.cctv-secondary-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.42rem;justify-content:center;text-decoration:none;transition:all .2s ease}.cctv-primary-btn{background:linear-gradient(135deg,var(--primary-green),var(--accent-teal));box-shadow:0 6px 16px #10b98138;color:var(--white);padding:.84rem 1rem}.cctv-icon-btn,.cctv-link-btn,.cctv-secondary-btn{background:var(--gray-100);color:var(--gray-700);padding:.78rem .92rem}.cctv-danger-btn{background:#fee2e2;color:#b91c1c;padding:.78rem .92rem}.cctv-danger-btn:hover:not(:disabled),.cctv-icon-btn:hover,.cctv-link-btn:hover,.cctv-primary-btn:hover:not(:disabled),.cctv-secondary-btn:hover:not(:disabled){transform:translateY(-1px)}.cctv-danger-btn:disabled,.cctv-primary-btn:disabled,.cctv-secondary-btn:disabled{cursor:not-allowed;opacity:.65}.cctv-empty,.cctv-loading{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;gap:.8rem;justify-content:center;min-height:260px;padding:2rem;text-align:center}.cctv-feed-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.cctv-feed-card{overflow:hidden}.cctv-feed-card.is-inactive{opacity:.82}.cctv-feed-screen{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#111827f0,#1f2937eb),repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 7px);display:flex;justify-content:center;overflow:hidden}.cctv-feed-frame,.cctv-feed-media{background:#111827;border:0;height:100%;object-fit:cover;width:100%}.cctv-feed-placeholder{align-items:center;color:#d1d5db;display:flex;flex-direction:column;gap:.55rem;height:100%;justify-content:center;padding:1.5rem;text-align:center;width:100%}.cctv-feed-placeholder h4{color:#f9fafb}.cctv-feed-placeholder p{color:#cbd5e1;max-width:28rem}.cctv-feed-placeholder.muted{color:var(--gray-400)}.cctv-feed-body{display:flex;flex-direction:column;gap:.9rem;padding:1rem}.cctv-feed-title-row{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.cctv-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;font-size:.74rem;font-weight:800;gap:.25rem;padding:.28rem .58rem}.cctv-status.active{background:var(--primary-green-50);color:var(--primary-green-dark)}.cctv-status.inactive{background:var(--gray-100);color:var(--gray-500)}.cctv-location,.cctv-notes{color:var(--gray-500);line-height:1.5;margin:.35rem 0 0}.cctv-location{font-weight:700}.spin{animation:cctv-spin .8s linear infinite}@keyframes cctv-spin{to{transform:rotate(1turn)}}@media (max-width:820px){.cctv-feed-grid,.cctv-form-grid{grid-template-columns:1fr}}@media (max-width:640px){.cctv-editor-head,.cctv-feed-title-row{flex-direction:column}.cctv-danger-btn,.cctv-link-btn,.cctv-primary-btn,.cctv-secondary-btn{width:100%}}.subdivision-map-module{color:#10251d;display:flex;flex-direction:column;gap:1.15rem;width:100%}.smap-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.smap-header h2{color:#10251d;font-size:1.45rem;line-height:1.2;margin:0}.smap-header p{color:#5f6f67;font-size:.93rem;line-height:1.55;margin:.45rem 0 0;max-width:820px}.smap-mode-pill{align-items:center;background:#d8f7e8;border-radius:999px;color:#047857;display:inline-flex;flex:0 0 auto;font-size:.78rem;font-weight:800;min-height:2rem;padding:.45rem .85rem}.smap-layout{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.smap-main{min-width:0}.smap-toolbar{align-items:center;display:flex;gap:.9rem;justify-content:space-between;margin-bottom:.85rem}.smap-tabs{background:#fffc;border:1px solid #0f172a33;display:inline-flex;flex-wrap:wrap}.smap-tab{align-items:center;background:#0000;border:0;border-right:1px solid #0f172a2e;color:#2f3f38;cursor:pointer;display:inline-flex;font:inherit;font-size:.86rem;gap:.45rem;justify-content:center;min-height:2.55rem;padding:.65rem .9rem}.smap-tab:last-child{border-right:0}.smap-tab.active{background:#dff4e8;color:#047857;font-weight:800}.smap-actions{align-items:center;display:flex;flex:0 0 auto;gap:.55rem}.smap-actions button{align-items:center;background:#fff;border:1px solid #0f172a33;border-radius:999px;color:#10251d;cursor:pointer;display:inline-flex;height:2.45rem;justify-content:center;width:2.45rem}.smap-actions button:focus-visible,.smap-actions button:hover{border-color:#10b981;color:#047857}.smap-actions input[type=range]{accent-color:#10b981;width:120px}.smap-viewport{background:#0b1f24;border-radius:8px;isolation:isolate;min-height:clamp(420px,58vh,700px);overflow:hidden;position:relative}.smap-canvas{display:block;height:100%;min-height:inherit;touch-action:none;width:100%}.smap-label-layer{inset:0;pointer-events:none;position:absolute}.smap-label{background:#fffffff0;border:2px solid #fff;border-radius:999px;box-shadow:0 10px 24px #02061738;color:#10251d;font:inherit;font-size:.76rem;font-weight:800;left:0;max-width:150px;min-height:1.85rem;padding:.35rem .65rem;position:absolute;top:0;transition:opacity .15s ease,background-color .15s ease;translate:-50% -50%;white-space:nowrap}.smap-label-security.selected,.smap-label-security:hover{background:#0ea5e9;color:#fff}.smap-label-facilities.selected,.smap-label-facilities:hover{background:#22c55e;color:#fff}.smap-label-residential.selected,.smap-label-residential:hover{background:#f97316;color:#fff}.smap-detail-panel{background:#fff;border:1px solid #10b98133;border-radius:8px;box-shadow:0 18px 50px #0f172a14;min-width:0;padding:1.15rem}.smap-detail-head{align-items:center;display:flex;gap:.9rem}.smap-detail-icon{align-items:center;border-radius:8px;display:inline-flex;flex:0 0 auto;height:3.2rem;justify-content:center;width:3.2rem}.smap-detail-head h3{color:#10251d;font-size:1.18rem;line-height:1.2;margin:0}.smap-detail-head span{color:#0284c7;display:inline-block;font-size:.83rem;font-weight:800;margin-top:.25rem}.smap-detail-copy{color:#52625a;font-size:.93rem;line-height:1.55;margin:1rem 0}.smap-detail-list{grid-gap:.75rem;display:grid;gap:.75rem}.smap-detail-list>div{grid-gap:.65rem;color:#0ea5e9;display:grid;gap:.65rem;grid-template-columns:1.3rem minmax(0,1fr)}.smap-detail-list span{color:#6b7b72;display:block;font-size:.78rem;font-weight:700}.smap-detail-list strong{color:#10251d;display:block;font-size:.9rem;line-height:1.35;margin-top:.2rem}.smap-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.smap-tags span{align-items:center;background:#e0f2fe;border-radius:999px;color:#0284c7;display:inline-flex;font-size:.77rem;font-weight:800;min-height:1.8rem;padding:.35rem .65rem}.smap-summary-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.smap-summary-grid>div{grid-column-gap:.85rem;grid-row-gap:.25rem;align-items:start;background:#fff;border:1px solid #10b98133;border-radius:8px;column-gap:.85rem;display:grid;grid-template-columns:2.8rem minmax(0,1fr);min-width:0;padding:1rem;row-gap:.25rem}.smap-summary-grid svg{background:#e0f2fe;border-radius:8px;color:#0284c7;grid-row:span 2;height:2.55rem;padding:.55rem;width:2.55rem}.smap-summary-grid>div:nth-child(2) svg{background:#dcfce7;color:#16a34a}.smap-summary-grid>div:nth-child(3) svg{background:#ffedd5;color:#f97316}.smap-summary-grid strong{color:#10251d;font-size:.92rem;min-width:0}.smap-summary-grid span{color:#64748b;font-size:.86rem;line-height:1.45;min-width:0}@media (max-width:1120px){.smap-layout{grid-template-columns:1fr}.smap-detail-panel{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.smap-detail-copy,.smap-tags{margin-top:0}}@media (max-width:860px){.smap-header,.smap-toolbar{align-items:stretch;flex-direction:column}.smap-mode-pill{width:-webkit-fit-content;width:fit-content}.smap-actions,.smap-tabs{width:100%}.smap-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.smap-tab{border-bottom:1px solid #0f172a2e;border-right:0}.smap-tab:nth-child(odd){border-right:1px solid #0f172a2e}.smap-actions input[type=range]{flex:1 1;width:auto}.smap-viewport{min-height:440px}.smap-summary-grid{grid-template-columns:1fr}}@media (max-width:640px){.subdivision-map-module{gap:.9rem}.smap-header h2{font-size:1.2rem}.smap-header p{font-size:.86rem}.smap-viewport{border-radius:6px;min-height:380px}.smap-detail-panel{display:block;padding:.95rem}.smap-detail-copy,.smap-tags{margin-top:.9rem}.smap-label{font-size:.68rem;max-width:112px;padding:.3rem .5rem}}:root{--secondary-green:#6ee7b7;--accent-green:#d1fae5;--background-green:#f0fdf4;--error-red:#ef4444;--error-bg:#fee2e2;--error-border:#fecaca;--admin-color:#6366f1;--admin-light:#eef2ff;--guard-color:#f59e0b;--guard-light:#fffbeb;--sidebar-width:260px}.ma-container{background:#f0fdf4;background:var(--background-green);display:flex;font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;overflow:hidden;position:relative}.ma-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.ma-orb{animation:orbFloat 18s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.ma-orb-1{animation-delay:0s;background:radial-gradient(circle,#6ee7b7,#0000);height:400px;left:-100px;top:-150px;width:400px}.ma-orb-2{animation-delay:6s;background:radial-gradient(circle,#a7f3d0,#0000);bottom:-100px;height:350px;right:-80px;width:350px}.ma-orb-3{animation-delay:12s;background:radial-gradient(circle,#10b981,#0000);height:250px;left:50%;top:50%;width:250px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.08)}66%{transform:translate(-25px,25px) scale(.95)}}.ma-sidebar{background:#fff;background:var(--white);border-right:1px solid #10b9811a;bottom:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;left:0;min-height:100vh;padding:1.75rem 1.25rem;position:fixed;top:0;width:260px;width:var(--sidebar-width);z-index:10}.ma-sidebar-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;gap:.875rem;margin-bottom:2.5rem;padding-bottom:1.5rem}.ma-logo-wrap{align-items:center;background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;flex-shrink:0;height:48px;justify-content:center;padding:.375rem;width:48px}.ma-logo{height:100%;object-fit:contain;width:100%}.ma-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,#14b8a6 100%);-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:800;letter-spacing:-.025em;line-height:1.2}.ma-role-badge{color:#6b7280;color:var(--gray-500);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ma-nav::-webkit-scrollbar{width:6px}.ma-nav::-webkit-scrollbar-track{background:#0000}.ma-nav::-webkit-scrollbar-thumb{background:var(--primary-green-200);border-radius:9999px}.ma-nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:all .25s ease;width:100%}.ma-nav-item:hover{background:var(--primary-green-50);color:#059669;color:var(--primary-green-dark);transform:translateX(4px)}.ma-nav-item.active{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,#14b8a6 100%);border:none;box-shadow:0 10px 30px -5px #10b9814d;color:#fff;color:var(--white);font-weight:600}.ma-logout-btn{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:none;border-radius:12px;color:#ef4444;color:var(--error-red);cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:all .25s ease;width:100%}.ma-logout-btn:hover{background:#ef4444;background:var(--error-red);box-shadow:0 8px 20px #ef44444d;color:#fff;transform:translateY(-2px)}.ma-main{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);min-height:100vh;overflow-y:auto;padding:2.5rem 2rem;position:relative;z-index:1}.ma-content-area{animation:fadeInUp .4s ease;margin:0 auto;max-width:1000px}.ma-content-area--full{max-width:1400px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ma-page-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.ma-page-title{color:#111827;color:var(--gray-900);font-size:1.875rem;font-weight:700;line-height:1.2}.ma-page-sub{color:#6b7280;color:var(--gray-500);font-size:.9375rem;margin-top:.375rem}.ma-form-card{background:#fff;background:var(--white);border-radius:20px;box-shadow:0 8px 40px #10b9811a,0 0 0 1px #10b9810f;overflow:hidden}.ma-type-toggle{background:#f3f4f6;background:var(--gray-100);display:flex;gap:.5rem;padding:.5rem}.ma-type-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .25s ease}.ma-type-btn:hover{background:#fff9;color:#374151;color:var(--gray-700)}.ma-type-btn.active{background:#fff;background:var(--white);box-shadow:0 2px 12px #10b9812e;color:#059669;color:var(--primary-green-dark)}.ma-form-body{display:flex;flex-direction:column;gap:1.25rem;padding:2rem}.ma-field-row{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.ma-field{display:flex;flex-direction:column;gap:.5rem}.ma-label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600;letter-spacing:.01em}.ma-hint{color:#9ca3af;color:var(--gray-400);font-size:.75rem;font-style:italic}.ma-input-wrap{position:relative}.ma-input{background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;color:#111827;color:var(--gray-900);font-family:inherit;font-size:.9375rem;outline:none;padding:.875rem 1.125rem;transition:all .25s ease;width:100%}.ma-input::placeholder{color:#d1d5db;color:var(--gray-300)}.ma-input:hover{border-color:#6ee7b7;border-color:var(--secondary-green)}.ma-input:focus,.ma-input:hover{background:#fff;background:var(--white)}.ma-input:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 4px #d1fae5;box-shadow:0 0 0 4px var(--accent-green)}.ma-input-wrap .ma-input{padding-right:3rem}.ma-eye-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;padding:.375rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.ma-eye-btn:hover{background:#d1fae5;background:var(--accent-green);color:#10b981;color:var(--primary-green)}.ma-alert{align-items:center;animation:fadeInUp .3s ease;border-radius:12px;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.875rem 1rem}.ma-alert-error{background:#fee2e2;background:var(--error-bg);border:1px solid #fecaca;border:1px solid var(--error-border);color:#ef4444;color:var(--error-red)}.ma-alert-success{background:#d1fae5;background:var(--accent-green);border:1px solid #6ee7b7;border:1px solid var(--secondary-green);color:#059669;color:var(--primary-green-dark)}.ma-submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.625rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.ma-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--primary-green-dark),var(--primary-green));box-shadow:0 6px 25px #10b98166;transform:translateY(-2px)}.ma-submit-btn:disabled{background:linear-gradient(135deg,#d1d5db,#e5e7eb);background:linear-gradient(135deg,var(--gray-300),var(--gray-200));box-shadow:none;cursor:not-allowed}.ma-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.ma-spinner-lg{border-color:#e5e7eb;border-color:var(--gray-200);border-top-color:#10b981;border-top-color:var(--primary-green);border-width:3px;height:36px;width:36px}.spin{animation:spin .8s linear infinite}.ma-stats-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.ma-stat-pill{align-items:center;background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:10px;color:#4b5563;color:var(--gray-600);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.ma-stat-pill.admin{background:#eef2ff;background:var(--admin-light);border-color:#6366f1;border-color:var(--admin-color);color:#6366f1;color:var(--admin-color)}.ma-stat-pill.guard{background:#fffbeb;background:var(--guard-light);border-color:#f59e0b;border-color:var(--guard-color);color:#f59e0b;color:var(--guard-color)}.ma-stat-pill.total{background:#d1fae5;background:var(--accent-green);border-color:#6ee7b7;border-color:var(--secondary-green);color:#059669;color:var(--primary-green-dark)}.ma-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.ma-search-wrap{flex:1 1;min-width:200px;position:relative}.ma-search-icon{color:#9ca3af;color:var(--gray-400);left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ma-search-input{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;color:#111827;color:var(--gray-900);font-family:inherit;font-size:.9375rem;outline:none;padding:.75rem 2.5rem;transition:all .25s ease;width:100%}.ma-search-input:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 3px #d1fae5;box-shadow:0 0 0 3px var(--accent-green)}.ma-search-clear{align-items:center;background:#e5e7eb;background:var(--gray-200);border:none;border-radius:50%;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.ma-search-clear:hover{background:#d1d5db;background:var(--gray-300)}.ma-filter-wrap{align-items:center;display:flex;gap:.5rem}.ma-filter-btn,.ma-filter-wrap{color:#6b7280;color:var(--gray-500)}.ma-filter-btn{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:600;padding:.5rem .875rem;transition:all .2s ease}.ma-filter-btn:hover{color:#059669;color:var(--primary-green-dark)}.ma-filter-btn.active,.ma-filter-btn:hover{border-color:#10b981;border-color:var(--primary-green)}.ma-filter-btn.active{background:#10b981;background:var(--primary-green);color:#fff;color:var(--white)}.ma-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;background:var(--white);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;box-shadow:0 4px 24px #0000000f;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.ma-table{border-collapse:collapse;min-width:820px;width:100%}.ma-table thead tr{background:#f9fafb;background:var(--gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200)}.ma-table th{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:.875rem 1.25rem;text-align:left;text-transform:uppercase}.ma-table tbody tr{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);transition:background .15s ease}.ma-table tbody tr:last-child{border-bottom:none}.ma-table tbody tr:hover{background:#f9fafb;background:var(--gray-50)}.ma-table td{color:#374151;color:var(--gray-700);font-size:.9375rem;padding:.875rem 1.25rem;vertical-align:middle}.ma-table-user{align-items:center;display:flex;gap:.75rem}.ma-table-avatar{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.ma-table-username{color:#111827;color:var(--gray-900);font-weight:600}.ma-table-name{color:#4b5563;color:var(--gray-600)}.ma-table-date{color:#6b7280;color:var(--gray-500);font-size:.875rem}.ma-table-na{color:#d1d5db;color:var(--gray-300)}.ma-action-btns{display:flex;flex-wrap:nowrap;gap:.375rem;min-width:-webkit-max-content;min-width:max-content}.ma-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:0 0 32px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.view-btn{background:#eff6ff;color:#3b82f6}.view-btn:hover{background:#3b82f6;color:#fff}.edit-btn{background:#d1fae5;background:var(--accent-green);color:#059669;color:var(--primary-green-dark)}.edit-btn:hover{background:#10b981;background:var(--primary-green)}.delete-btn{background:#fee2e2;background:var(--error-bg);color:var(--error-red)}.delete-btn:hover{background:var(--error-red)}.ma-account-badge{border-radius:8px;font-size:.6875rem;font-weight:700;letter-spacing:.06em;padding:.25rem .625rem;text-transform:uppercase}.badge-admin{background:#eef2ff;background:var(--admin-light);color:#6366f1;color:var(--admin-color)}.badge-guard{background:#fffbeb;background:var(--guard-light);color:#f59e0b;color:var(--guard-color)}.ma-table-avatar.avatar-admin{background:#eef2ff;background:var(--admin-light);color:#6366f1;color:var(--admin-color)}.ma-table-avatar.avatar-guard{background:#fffbeb;background:var(--guard-light);color:#f59e0b;color:var(--guard-color)}.ma-loading{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;gap:1rem;padding:5rem 2rem}.ma-empty{background:#fff;background:var(--white);border:2px dashed #e5e7eb;border:2px dashed var(--gray-200);border-radius:16px;color:#9ca3af;color:var(--gray-400);padding:5rem 2rem;text-align:center}.ma-empty svg{margin-bottom:1rem}.ma-empty p{color:#4b5563;color:var(--gray-600);font-size:1rem;font-weight:600;margin-bottom:.25rem}.ma-empty span,.ma-refresh-btn{font-size:.875rem}.ma-refresh-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:10px;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-family:inherit;font-weight:600;gap:.5rem;padding:.625rem 1.125rem;transition:all .25s ease;white-space:nowrap}.ma-refresh-btn:hover:not(:disabled){background:#d1fae5;background:var(--accent-green);border-color:#10b981;border-color:var(--primary-green);color:#059669;color:var(--primary-green-dark)}.ma-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.ma-modal-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(16px) saturate(.82);-webkit-backdrop-filter:blur(16px) saturate(.82);background:#0f172aad;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:clamp(1rem,3vh,2rem);position:fixed;z-index:12000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ma-modal{animation:slideUp .25s ease;background:#fff;background:var(--white);border-radius:20px;box-shadow:0 30px 90px #0f172a52;display:flex;flex-direction:column;margin:auto 0;max-height:calc(100dvh - 2rem);max-width:460px;overflow:hidden;width:100%}.ma-modal-lg{max-width:540px}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ma-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:1.375rem 1.5rem}.ma-modal-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700}.ma-modal-subtitle{color:#059669;color:var(--primary-green-dark);font-weight:600}.ma-modal-close{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:8px;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s ease;width:34px}.ma-modal-close:hover{background:#e5e7eb;background:var(--gray-200)}.ma-modal-body{gap:1.25rem;overflow-y:auto;padding:1.5rem}.ma-modal-body,.ma-view-hero{display:flex;flex-direction:column}.ma-view-hero{align-items:center;gap:.75rem;padding:.5rem 0 .25rem}.ma-view-avatar{align-items:center;border-radius:18px;display:flex;height:64px;justify-content:center;width:64px}.ma-view-avatar.avatar-admin{background:#eef2ff;background:var(--admin-light);color:#6366f1;color:var(--admin-color)}.ma-view-avatar.avatar-guard{background:#fffbeb;background:var(--guard-light);color:#f59e0b;color:var(--guard-color)}.ma-view-fields{display:flex;flex-direction:column;gap:.125rem;width:100%}.ma-view-field{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:10px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background .15s ease}.ma-view-field:hover{background:#d1fae5;background:var(--accent-green)}.ma-view-label{color:#6b7280;color:var(--gray-500);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ma-view-value{color:#111827;color:var(--gray-900);font-size:.9375rem;font-weight:600}.ma-edit-tabs{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;gap:.5rem;padding:.75rem 1.5rem}.ma-edit-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.ma-edit-tab:hover{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.ma-edit-tab.active{background:#fff;background:var(--white);box-shadow:0 2px 8px #00000014;color:#059669;color:var(--primary-green-dark)}.ma-edit-section{display:flex;flex-direction:column;gap:1.25rem}.ma-pw-warning{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;color:#92400e;display:flex;font-size:.875rem;font-weight:500;gap:.625rem;padding:.875rem 1rem}.ma-modal-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem}.ma-btn-secondary{background:#f3f4f6;background:var(--gray-100);border:none;border-radius:10px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease}.ma-btn-secondary:hover{background:#e5e7eb;background:var(--gray-200)}.ma-btn-primary{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));border:none;border-radius:10px;box-shadow:0 4px 12px #10b98140;color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .25s ease}.ma-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.ma-btn-primary:disabled{background:linear-gradient(135deg,#d1d5db,#e5e7eb);background:linear-gradient(135deg,var(--gray-300),var(--gray-200));box-shadow:none;cursor:not-allowed}@media (max-width:900px){.ma-field-row{grid-template-columns:1fr}.ma-table td:nth-child(4),.ma-table th:nth-child(4){display:none}}@media (max-width:768px){.ma-sidebar{width:220px}.ma-main{margin-left:220px;padding:1.5rem 1rem}.ma-toolbar{align-items:stretch;flex-direction:column}.ma-search-wrap{min-width:0;min-width:auto}}@media (max-width:600px){.ma-sidebar{align-items:center;flex-direction:row;flex-wrap:wrap;min-height:auto;padding:1rem;position:relative;width:100%}.ma-main{margin-left:0;padding:1.25rem .875rem}.ma-nav{flex:initial;flex-direction:row}.ma-modal{max-width:100%}.ma-table td:nth-child(3),.ma-table th:nth-child(3){display:none}}.ma-container{background:radial-gradient(circle at top left,#36c99529,#0000 24%),radial-gradient(circle at bottom right,#0ea5a41f,#0000 20%),linear-gradient(180deg,#f4faf6,#eef6f1 52%,#f9fcfa);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ma-main{padding:2.5rem 2.25rem 3rem}.ma-content-area{max-width:1120px}.ma-empty,.ma-form-card,.ma-modal,.ma-table-wrap{box-shadow:0 22px 48px #0f172a1a}.ma-page-title{letter-spacing:-.03em}.manage-accounts-module .ma-content-area--full{max-width:none}.manage-accounts-module .ma-section+.ma-section{margin-top:1.5rem}.manage-accounts-module .ma-manage-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.manage-accounts-module .ma-select{-webkit-appearance:none;appearance:none}.manage-accounts-module .ma-field-note{color:var(--gray-500);font-size:.8125rem;line-height:1.5}.manage-accounts-module .ma-position-badge{align-items:center;background:var(--accent-green);border-radius:999px;color:var(--primary-green-dark);display:inline-flex;font-size:.8125rem;font-weight:700;gap:.375rem;padding:.35rem .75rem}.manage-accounts-module .ma-pagination-wrap{display:flex;justify-content:flex-end;margin-top:1rem}.manage-accounts-module .ma-page-header--compact{margin-bottom:1rem}.manage-accounts-module .ma-page-title--small{font-size:1.35rem}.manage-accounts-module .ma-page-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.manage-accounts-module .ma-view-switch{-webkit-overflow-scrolling:touch;background:var(--gray-100);border-radius:16px;display:inline-flex;gap:.5rem;max-width:100%;overflow-x:auto;padding:.35rem}.manage-accounts-module .ma-view-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--gray-600);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.9rem;font-weight:700;gap:.45rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.manage-accounts-module .ma-view-btn.active{background:var(--white);box-shadow:0 10px 20px #0f172a14;color:var(--primary-green-dark)}.manage-accounts-module .ma-view-btn:hover:not(.active){color:var(--gray-800)}.manage-accounts-module .ma-create-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem}.manage-accounts-module .ma-directory-link{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:14px;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.45rem;justify-content:center;padding:.9rem 1.1rem;transition:all .2s ease}.manage-accounts-module .ma-directory-link:hover{background:#f7fffb;border-color:var(--primary-green-300);color:var(--primary-green-dark)}.manage-accounts-module .ma-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.manage-accounts-module .ma-table{min-width:920px}.manage-accounts-module .ma-action-btns{flex-wrap:nowrap;min-width:-webkit-max-content;min-width:max-content}.manage-accounts-module .ma-action-btn{flex:0 0 32px}.manage-accounts-module .ma-modal.ma-modal-lg{display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);max-width:920px}.manage-accounts-module .ma-modal-body{overflow-y:auto}body>.ma-modal-overlay .ma-modal.ma-modal-lg{max-height:calc(100dvh - 2rem);max-width:920px}body>.ma-modal-overlay .ma-modal-body{overflow-y:auto}.manage-accounts-module .ma-edit-section--account{gap:1.5rem}.manage-accounts-module .ma-edit-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.manage-accounts-module .ma-field--full{grid-column:1/-1}.manage-accounts-module .ma-module-section{grid-gap:1rem;background:linear-gradient(180deg,#fff,#fbfffd);border:1px solid var(--gray-200);border-radius:20px;display:grid;gap:1rem;margin-top:1.5rem;padding:1rem 1.1rem 1.1rem}.manage-accounts-module .ma-module-section.is-modal{margin-top:0}.manage-accounts-module .ma-module-head{grid-gap:.75rem;display:grid;gap:.75rem}.manage-accounts-module .ma-module-heading{grid-gap:.4rem;display:grid;gap:.4rem}.manage-accounts-module .ma-module-topline{align-items:center;display:flex;gap:1rem;justify-content:space-between}.manage-accounts-module .ma-module-topline h4{color:var(--gray-900);font-size:1.02rem;margin:0}.manage-accounts-module .ma-module-count{align-items:center;background:#ecfdf5;border-radius:999px;color:#047857;display:inline-flex;font-size:.76rem;font-weight:800;padding:.32rem .75rem}.manage-accounts-module .ma-module-head p{color:var(--gray-500);font-size:.875rem;line-height:1.55;margin:0;max-width:48rem}.manage-accounts-module .ma-module-note{align-items:center;background:#f8fafc;border:1px solid var(--gray-200);border-radius:12px;color:var(--gray-600);display:inline-flex;font-size:.8125rem;font-weight:600;max-width:100%;padding:.55rem .85rem;width:-webkit-fit-content;width:fit-content}.manage-accounts-module .ma-module-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.manage-accounts-module .ma-module-grid--modal{grid-template-columns:repeat(2,minmax(0,1fr))}.manage-accounts-module .ma-module-card{align-items:flex-start;background:var(--white);border:1px solid var(--gray-200);border-radius:16px;cursor:pointer;display:flex;gap:.8rem;min-height:130px;padding:.95rem 1rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.manage-accounts-module .ma-module-card:hover{border-color:var(--primary-green-300);box-shadow:0 12px 24px #0f172a0f;transform:translateY(-1px)}.manage-accounts-module .ma-module-card.active{background:linear-gradient(180deg,#f0fdf4,#fff);border-color:var(--primary-green)}.manage-accounts-module .ma-module-card.locked{cursor:default}.manage-accounts-module .ma-module-card input{accent-color:var(--primary-green);height:1rem;margin-top:.25rem;width:1rem}.manage-accounts-module .ma-module-copy{grid-gap:.35rem;display:grid;gap:.35rem}.manage-accounts-module .ma-module-copy strong{color:var(--gray-900);font-size:.95rem;line-height:1.35}.manage-accounts-module .ma-module-copy span{color:var(--gray-600);font-size:.82rem;line-height:1.55}.manage-accounts-module .ma-module-copy em{color:var(--primary-green-dark);font-size:.75rem;font-style:normal;font-weight:700}.manage-accounts-module .ma-module-summary{display:flex;flex-wrap:wrap;gap:.4rem}.manage-accounts-module .ma-module-pill{align-items:center;background:#ecfdf5;border-radius:999px;color:#047857;display:inline-flex;font-size:.75rem;font-weight:700;padding:.3rem .65rem}.manage-accounts-module .ma-module-pill.muted{background:var(--gray-100);color:var(--gray-600)}@media (max-width:767px){.manage-accounts-module .ma-create-actions,.manage-accounts-module .ma-page-header{align-items:stretch;flex-direction:column}.manage-accounts-module .ma-view-switch{width:100%}.manage-accounts-module .ma-directory-link,.manage-accounts-module .ma-view-btn{justify-content:center;width:100%}.manage-accounts-module .ma-modal.ma-modal-lg{max-width:100%}.manage-accounts-module .ma-edit-form-grid,.manage-accounts-module .ma-module-grid--modal{grid-template-columns:1fr}.manage-accounts-module .ma-module-head{gap:.65rem}.manage-accounts-module .ma-module-topline{align-items:flex-start;flex-direction:column}}.ai-analytics-module{--ai-bg:linear-gradient(135deg,#f5fbf7,#ecf7ff 45%,#f8fbff);--ai-panel-border:#0f766e1f;--ai-panel-shadow:0 18px 40px #0f172a14;--ai-text:#0f172a;--ai-muted:#5f6f84;--ai-accent:#0f766e;--ai-danger:#dc2626;--ai-danger-soft:#dc26261a;--ai-warning:#d97706;--ai-warning-soft:#d977061f;--ai-success:#15803d;--ai-success-soft:#15803d1f;background:var(--ai-bg);border-radius:28px;color:var(--ai-text);padding:1.5rem}.ai-analytics-hero{align-items:flex-start;background:radial-gradient(circle at top left,#10b98133,#0000 38%),radial-gradient(circle at bottom right,#0ea5e929,#0000 34%),#ffffffe0;border:1px solid #ffffffbf;border-radius:26px;box-shadow:var(--ai-panel-shadow);display:flex;gap:1.5rem;justify-content:space-between;padding:1.75rem}.ai-analytics-hero__copy{max-width:760px}.ai-analytics-kicker{align-items:center;background:#0f766e1a;border-radius:999px;color:var(--ai-accent);display:inline-flex;font-size:.85rem;font-weight:700;gap:.55rem;padding:.45rem .85rem}.ai-analytics-hero h2{font-size:clamp(1.8rem,2vw,2.4rem);line-height:1.12;margin:.9rem 0 .6rem}.ai-analytics-hero p{color:var(--ai-muted);line-height:1.6;margin:0;max-width:60ch}.ai-analytics-hero__controls{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem;justify-content:flex-end;min-width:260px}.ai-analytics-select{color:var(--ai-muted);display:flex;flex-direction:column;font-size:.82rem;gap:.35rem}.ai-analytics-select select{background:#fffffff2;border:1px solid #94a3b859;border-radius:14px;color:var(--ai-text);font:inherit;min-width:120px;padding:.78rem .9rem}.ai-refresh-btn{align-items:center;background:linear-gradient(135deg,#0f766e,#0b8f83);border:none;border-radius:14px;box-shadow:0 12px 24px #0f766e3d;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:.55rem;padding:.82rem 1.1rem;transition:transform .18s ease,box-shadow .18s ease}.ai-refresh-btn:hover:not(:disabled){transform:translateY(-1px)}.ai-refresh-btn:disabled{cursor:default;opacity:.72}.ai-refresh-btn.is-refreshing svg{animation:ai-spin 1s linear infinite}.ai-engine-badge{background:#0f172adb;border-radius:16px;color:#e2e8f0;display:flex;flex-direction:column;gap:.2rem;min-width:150px;padding:.8rem 1rem}.ai-engine-badge span{font-size:.72rem;letter-spacing:.08em;opacity:.78;text-transform:uppercase}.ai-engine-badge strong{font-size:.96rem}.ai-inline-error{align-items:center;background:var(--ai-danger-soft);border:1px solid #dc262626;border-radius:16px;color:var(--ai-danger);display:flex;gap:.7rem;margin-top:1rem;padding:.95rem 1rem}.ai-analytics-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.35rem}.ai-analytics-card{background:#ffffffe6;border:1px solid var(--ai-panel-border);border-radius:22px;box-shadow:var(--ai-panel-shadow);display:flex;gap:.95rem;padding:1.2rem}.ai-analytics-card__icon{border-radius:14px;display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.ai-analytics-card__body p,.ai-analytics-card__body span{color:var(--ai-muted);margin:0}.ai-analytics-card__body p{font-size:.84rem}.ai-analytics-card__body h3{font-size:1.6rem;margin:.35rem 0 .22rem}.ai-analytics-card__body span{font-size:.85rem}.ai-analytics-card--info .ai-analytics-card__icon{background:#0ea5e91f;color:#0369a1}.ai-analytics-card--success .ai-analytics-card__icon{background:var(--ai-success-soft);color:var(--ai-success)}.ai-analytics-card--warning .ai-analytics-card__icon{background:var(--ai-warning-soft);color:var(--ai-warning)}.ai-analytics-card--danger .ai-analytics-card__icon{background:var(--ai-danger-soft);color:var(--ai-danger)}.ai-highlight-strip{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.15rem}.ai-highlight{background:#ffffffd1;border:1px solid var(--ai-panel-border);border-radius:18px;padding:1rem 1.05rem}.ai-highlight strong{display:block;margin-bottom:.35rem}.ai-highlight p{color:var(--ai-muted);line-height:1.55;margin:0}.ai-highlight--info{background:#0ea5e917}.ai-highlight--success{background:#15803d14}.ai-highlight--warning{background:#d9770614}.ai-view-toolbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border:1px solid #94a3b829;border-radius:22px;box-shadow:0 16px 34px #0f172a14;display:flex;gap:1rem;justify-content:space-between;margin-top:1.15rem;padding:1rem 1.1rem;position:-webkit-sticky;position:sticky;top:.8rem;z-index:12}.ai-view-toolbar__copy{display:flex;flex-direction:column;gap:.2rem;min-width:190px}.ai-view-toolbar__copy strong{font-size:.96rem}.ai-view-toolbar__copy span{color:var(--ai-muted);font-size:.84rem;line-height:1.45}.ai-view-toolbar__actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:flex-end}.ai-top-btn,.ai-view-btn{align-items:flex-start;background:#f8fafceb;border:1px solid #94a3b838;border-radius:16px;color:var(--ai-text);cursor:pointer;display:flex;flex-direction:column;gap:.18rem;min-width:118px;padding:.8rem .95rem;transition:transform .18s ease,background .18s ease,border-color .18s ease}.ai-top-btn:hover,.ai-view-btn:hover{transform:translateY(-1px)}.ai-view-btn.is-active{background:linear-gradient(135deg,#0f766e1f,#0ea5e91f);border-color:#0f766e4d;box-shadow:0 10px 18px #0f766e1f}.ai-top-btn,.ai-view-btn__main{align-items:center;display:inline-flex;font-weight:700;gap:.45rem}.ai-top-btn span,.ai-view-btn small{color:var(--ai-muted);font-size:.78rem}.ai-top-btn{justify-content:center;min-width:86px}.ai-analytics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.2rem}.ai-analytics-grid--focused{grid-template-columns:minmax(0,1fr)}.ai-panel{background:#ffffffeb;border:1px solid var(--ai-panel-border);border-radius:24px;box-shadow:var(--ai-panel-shadow);padding:1.25rem}.ai-panel--primary{background:radial-gradient(circle at top right,#10b98121,#0000 40%),#fffffff2}.ai-panel__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.ai-panel__header h3{font-size:1.08rem;margin:0 0 .25rem}.ai-panel__header p{color:var(--ai-muted);line-height:1.55;margin:0}.ai-risk-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:700;gap:.45rem;padding:.55rem .8rem}.ai-risk-badge--danger{background:var(--ai-danger-soft);color:var(--ai-danger)}.ai-risk-badge--warning{background:var(--ai-warning-soft);color:var(--ai-warning)}.ai-risk-badge--success{background:var(--ai-success-soft);color:var(--ai-success)}.ai-risk-badge--info{background:#0ea5e91f;color:#0369a1}.ai-risk-score{grid-gap:1.15rem;align-items:center;background:linear-gradient(135deg,#fffffff0,#f0f9ffe0);border:1px solid #94a3b824;border-radius:22px;display:grid;gap:1.15rem;grid-template-columns:auto 1fr;margin-bottom:1rem;padding:1rem 1.1rem}.ai-risk-score__ring-wrap{align-items:center;display:flex;flex-direction:column;gap:.65rem;min-width:126px}.ai-risk-score__ring{background:radial-gradient(circle at center,#fffffffa 50%,#0000 52%),conic-gradient(from 180deg,#0f766e 0deg,#0ea5e9 120deg,#d97706 250deg,#dc2626 1turn);border-radius:50%;box-shadow:inset 0 0 0 10px #ffffffeb,0 12px 24px #0ea5e91f;color:var(--ai-text);display:grid;height:112px;place-items:center;width:112px}.ai-risk-score__ring strong{display:block;font-size:1.7rem;line-height:1}.ai-risk-score__ring span{color:var(--ai-muted);font-size:.78rem}.ai-risk-score__caption{color:var(--ai-muted);font-size:.8rem;font-weight:600;margin:0;text-align:center}.ai-risk-score__meta{grid-gap:.7rem;display:grid;gap:.7rem}.ai-risk-meta-card{background:#f8fafcf5;border:1px solid #94a3b824;border-radius:16px;padding:.82rem .9rem}.ai-risk-meta-label{color:var(--ai-muted);display:block;font-size:.78rem;font-weight:700;letter-spacing:.03em;margin-bottom:.28rem;text-transform:uppercase}.ai-risk-meta-card strong{color:var(--ai-text);display:block;font-size:1rem;line-height:1.5}.ai-indicator-list{grid-gap:.8rem;display:grid;gap:.8rem}.ai-indicator{border:1px solid #0000;border-radius:16px;padding:.92rem 1rem}.ai-indicator__head{display:flex;gap:.6rem;justify-content:space-between;margin-bottom:.35rem}.ai-indicator__head strong{font-size:.92rem}.ai-indicator p{color:var(--ai-muted);line-height:1.5;margin:0}.ai-indicator--danger{background:var(--ai-danger-soft);border-color:#dc262624}.ai-indicator--warning{background:var(--ai-warning-soft);border-color:#d9770624}.ai-indicator--success{background:var(--ai-success-soft);border-color:#15803d24}.ai-indicator--info{background:#0ea5e914;border-color:#0ea5e91f}.ai-anomaly-list,.ai-compact-list,.ai-recommendation-list{grid-gap:.8rem;display:grid;gap:.8rem}.ai-anomaly{background:#f8fafc;border-left:4px solid #0000;border-radius:18px;padding:1rem}.ai-anomaly--danger{background:#dc26260f;border-left-color:var(--ai-danger)}.ai-anomaly--warning{background:#d9770614;border-left-color:var(--ai-warning)}.ai-anomaly--success{background:#15803d14;border-left-color:var(--ai-success)}.ai-anomaly--info{background:#0ea5e914;border-left-color:#0ea5e9}.ai-anomaly__footer,.ai-anomaly__header,.ai-compact-item,.ai-progress-row__header,.ai-recommendation__head{display:flex;gap:.75rem;justify-content:space-between}.ai-anomaly__category{color:var(--ai-muted);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.ai-anomaly h4{font-size:1rem;margin:.45rem 0 .35rem}.ai-anomaly p,.ai-anomaly__footer,.ai-empty-copy,.ai-recommendation p{color:var(--ai-muted);line-height:1.55;margin:0}.ai-mini-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.ai-mini-stat{align-items:center;background:#f8fafcf5;border-radius:18px;display:flex;gap:.8rem;padding:.9rem 1rem}.ai-mini-stat strong{display:block;margin-bottom:.12rem}.ai-mini-stat span{color:var(--ai-muted);font-size:.84rem}.ai-split-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-split-content h4{font-size:.96rem;margin:0 0 .75rem}.ai-progress-list{grid-gap:.75rem;display:grid;gap:.75rem}.ai-progress-row__header{align-items:center;font-size:.9rem;margin-bottom:.35rem}.ai-progress-row__header span{color:var(--ai-muted)}.ai-progress-bar{background:#94a3b82e;border-radius:999px;height:9px;overflow:hidden}.ai-progress-bar__fill{background:linear-gradient(135deg,#0f766e,#0ea5e9);border-radius:inherit;height:100%}.ai-compact-item{align-items:flex-start;background:#f8fafcfa;border-radius:16px;padding:.95rem 1rem}.ai-compact-item strong{display:block;margin-bottom:.14rem}.ai-compact-item small,.ai-compact-item span{color:var(--ai-muted)}.ai-compact-item--stacked{flex-direction:column}.ai-pill-list{display:flex;flex-wrap:wrap;gap:.6rem}.ai-pill{align-items:center;background:#0f766e14;border-radius:999px;color:var(--ai-accent);display:inline-flex;font-size:.83rem;font-weight:600;padding:.55rem .82rem}.ai-recommendation{border-radius:18px;padding:1rem}.ai-recommendation--danger{background:var(--ai-danger-soft)}.ai-recommendation--warning{background:var(--ai-warning-soft)}.ai-recommendation--success{background:var(--ai-success-soft)}.ai-recommendation--info{background:#0ea5e914}.ai-analytics-loading{grid-gap:.6rem;background:#ffffffeb;border-radius:28px;box-shadow:var(--ai-panel-shadow);display:grid;gap:.6rem;min-height:320px;place-items:center;text-align:center}.ai-analytics-loading h3{margin:0}.ai-analytics-loading p{color:var(--ai-muted);margin:0;max-width:52ch}.ai-analytics-spinner{animation:ai-spin .9s linear infinite;border:4px solid #0f766e2e;border-radius:50%;border-top:4px solid var(--ai-accent);height:52px;width:52px}@keyframes ai-spin{to{transform:rotate(1turn)}}@media (max-width:1180px){.ai-analytics-grid,.ai-analytics-summary,.ai-highlight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-view-toolbar{align-items:flex-start;flex-direction:column}.ai-view-toolbar__actions{justify-content:flex-start}}@media (max-width:900px){.ai-analytics-module{border-radius:22px;padding:1rem}.ai-analytics-grid,.ai-analytics-hero,.ai-analytics-summary,.ai-highlight-strip,.ai-mini-stats,.ai-risk-score,.ai-split-content{grid-template-columns:1fr}.ai-analytics-hero{display:grid}.ai-analytics-hero__controls{justify-content:stretch}.ai-view-toolbar{top:.5rem}.ai-view-toolbar__actions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem;width:100%}.ai-top-btn,.ai-view-btn{flex-shrink:0;min-width:150px}}@media (max-width:640px){.ai-analytics-hero,.ai-panel,.ai-view-toolbar{border-radius:18px;padding:1rem}.ai-analytics-card{padding:1rem}.ai-analytics-select select,.ai-engine-badge,.ai-refresh-btn{width:100%}.ai-view-toolbar__copy{min-width:0}}.admin-ai-chatbot{--chatbot-bg:linear-gradient(135deg,#f7fbf8,#eef8ff 55%,#f8fbff);--chatbot-panel:#ffffffeb;--chatbot-border:#0f766e1f;--chatbot-shadow:0 18px 40px #0f172a14;--chatbot-text:#0f172a;--chatbot-muted:#5f6f84;--chatbot-accent:#0f766e;--chatbot-accent-strong:#0b8f83;--chatbot-user:#dff7ee;--chatbot-assistant:#f4f7fb;--chatbot-danger:#dc2626;background:var(--chatbot-bg);border-radius:28px;color:var(--chatbot-text);padding:1.5rem}.admin-ai-chatbot__hero{align-items:flex-start;background:radial-gradient(circle at top left,#10b9812e,#0000 36%),radial-gradient(circle at bottom right,#0ea5e924,#0000 34%),#ffffffe6;border:1px solid #ffffffbf;border-radius:26px;box-shadow:var(--chatbot-shadow);display:flex;gap:1.2rem;justify-content:space-between;padding:1.65rem}.admin-ai-chatbot__hero-copy{max-width:760px}.admin-ai-chatbot__kicker{align-items:center;background:#0f766e1a;border-radius:999px;color:var(--chatbot-accent);display:inline-flex;font-size:.85rem;font-weight:700;gap:.55rem;padding:.45rem .85rem}.admin-ai-chatbot__hero h2{font-size:clamp(1.7rem,2vw,2.3rem);line-height:1.12;margin:.9rem 0 .6rem}.admin-ai-chatbot__hero p{color:var(--chatbot-muted);line-height:1.6;margin:0;max-width:62ch}.admin-ai-chatbot__workspace{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:320px minmax(0,1fr);margin-top:1.2rem;min-height:76vh}.admin-ai-chatbot__conversation,.admin-ai-chatbot__sidebar{display:flex;flex-direction:column;gap:1rem}.admin-ai-chatbot__conversation,.admin-ai-chatbot__panel{background:var(--chatbot-panel);border:1px solid var(--chatbot-border);border-radius:24px;box-shadow:var(--chatbot-shadow)}.admin-ai-chatbot__panel{padding:1.1rem}.admin-ai-chatbot__conversation-head,.admin-ai-chatbot__panel-head{align-items:flex-start;display:flex;gap:.8rem;justify-content:space-between}.admin-ai-chatbot__conversation-head h3,.admin-ai-chatbot__panel-head h3{font-size:1rem;margin:0 0 .25rem}.admin-ai-chatbot__conversation-head p,.admin-ai-chatbot__panel-head p{color:var(--chatbot-muted);font-size:.88rem;line-height:1.5;margin:0}.admin-ai-chatbot__pill{align-items:center;background:#0f766e1a;border-radius:999px;color:var(--chatbot-accent);display:inline-flex;font-size:.78rem;font-weight:700;padding:.45rem .8rem;white-space:nowrap}.admin-ai-chatbot__prompt-list{grid-gap:.75rem;display:grid;gap:.75rem;margin-top:1rem}.admin-ai-chatbot__prompt{align-items:flex-start;background:#f8fafceb;border:1px solid #94a3b82e;border-radius:18px;color:var(--chatbot-text);cursor:pointer;display:flex;gap:.8rem;justify-content:space-between;padding:.95rem 1rem;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;width:100%}.admin-ai-chatbot__prompt:hover:not(:disabled){border-color:#0f766e42;box-shadow:0 12px 20px #0f766e1a;transform:translateY(-1px)}.admin-ai-chatbot__prompt:disabled{cursor:default;opacity:.7}.admin-ai-chatbot__prompt span{line-height:1.5}.admin-ai-chatbot__capability-list{grid-gap:.85rem;display:grid;gap:.85rem;margin-top:1rem}.admin-ai-chatbot__capability{background:#f8fafceb;border-radius:18px;display:flex;gap:.8rem;padding:.9rem .95rem}.admin-ai-chatbot__capability-icon{background:#0f766e1a;border-radius:14px;color:var(--chatbot-accent);display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.admin-ai-chatbot__capability strong{display:block;margin-bottom:.18rem}.admin-ai-chatbot__capability p,.admin-ai-chatbot__notice p{color:var(--chatbot-muted);font-size:.88rem;line-height:1.55;margin:0}.admin-ai-chatbot__notice{background:#0ea5e914;border-radius:18px;color:#0369a1;display:flex;gap:.7rem;margin-top:1rem;padding:.9rem .95rem}.admin-ai-chatbot__conversation{min-height:0;padding:1rem}.admin-ai-chatbot__clear-btn,.admin-ai-chatbot__send-btn{align-items:center;border:none;cursor:pointer;display:inline-flex;gap:.5rem;transition:transform .18s ease,opacity .18s ease}.admin-ai-chatbot__clear-btn{background:#f8fafcf2;border:1px solid #94a3b82e;border-radius:14px;color:var(--chatbot-text);padding:.72rem .95rem}.admin-ai-chatbot__send-btn{background:linear-gradient(135deg,var(--chatbot-accent),var(--chatbot-accent-strong));border-radius:16px;box-shadow:0 12px 24px #0f766e3d;color:#fff;font-weight:700;padding:.9rem 1.15rem}.admin-ai-chatbot__clear-btn:hover:not(:disabled),.admin-ai-chatbot__send-btn:hover:not(:disabled){transform:translateY(-1px)}.admin-ai-chatbot__clear-btn:disabled,.admin-ai-chatbot__send-btn:disabled{cursor:default;opacity:.7}.admin-ai-chatbot__thread{display:flex;flex:1 1;flex-direction:column;gap:.95rem;margin-top:1rem;min-height:0;overflow-y:auto;padding-right:.2rem}.admin-ai-chatbot__message{align-items:flex-start;display:flex;gap:.85rem}.admin-ai-chatbot__message-avatar{background:#0f766e1f;border-radius:14px;color:var(--chatbot-accent);display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.admin-ai-chatbot__message--user .admin-ai-chatbot__message-avatar{background:#0ea5e91f;color:#0369a1}.admin-ai-chatbot__message-body{background:var(--chatbot-assistant);border:1px solid #94a3b81f;border-radius:20px;max-width:min(780px,100%);padding:.95rem 1rem;width:-webkit-fit-content;width:fit-content}.admin-ai-chatbot__message--user{justify-content:flex-end}.admin-ai-chatbot__message--user .admin-ai-chatbot__message-body{background:var(--chatbot-user);border-color:#0f766e1f}.admin-ai-chatbot__message.is-error .admin-ai-chatbot__message-body{background:#dc262614;border-color:#dc262624}.admin-ai-chatbot__message-meta{align-items:center;display:flex;gap:.8rem;justify-content:space-between;margin-bottom:.35rem}.admin-ai-chatbot__message-meta strong{font-size:.9rem}.admin-ai-chatbot__message-meta span{color:var(--chatbot-muted);font-size:.76rem;white-space:nowrap}.admin-ai-chatbot__message-body p{color:var(--chatbot-text);line-height:1.6;margin:0;white-space:pre-wrap}.admin-ai-chatbot__typing{align-items:center;display:inline-flex;gap:.35rem;min-height:22px}.admin-ai-chatbot__typing span{animation:chatbot-bounce 1.2s ease-in-out infinite;background:#0f766e75;border-radius:50%;height:8px;width:8px}.admin-ai-chatbot__typing span:nth-child(2){animation-delay:.15s}.admin-ai-chatbot__typing span:nth-child(3){animation-delay:.3s}.admin-ai-chatbot__composer{border-top:1px solid #94a3b829;margin-top:1rem;padding-top:1rem}.admin-ai-chatbot__composer textarea{background:#f8fafcf5;border:1px solid #94a3b838;border-radius:18px;color:var(--chatbot-text);font:inherit;outline:none;padding:1rem;resize:none;width:100%}.admin-ai-chatbot__composer textarea:focus{border-color:#0f766e47;box-shadow:0 0 0 4px #0f766e14}.admin-ai-chatbot__composer-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:.8rem}.admin-ai-chatbot__composer-footer span{color:var(--chatbot-muted);font-size:.82rem}@keyframes chatbot-bounce{0%,80%,to{opacity:.55;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@media (max-width:1180px){.admin-ai-chatbot__workspace{grid-template-columns:minmax(0,1fr);min-height:auto}.admin-ai-chatbot__sidebar{order:2}.admin-ai-chatbot__conversation{min-height:70vh}}@media (max-width:900px){.admin-ai-chatbot{border-radius:22px;padding:1rem}.admin-ai-chatbot__hero{border-radius:22px;flex-direction:column;padding:1.2rem}}@media (max-width:640px){.admin-ai-chatbot__conversation,.admin-ai-chatbot__panel{border-radius:18px;padding:1rem}.admin-ai-chatbot__composer-footer,.admin-ai-chatbot__conversation-head,.admin-ai-chatbot__panel-head{align-items:stretch;flex-direction:column}.admin-ai-chatbot__clear-btn,.admin-ai-chatbot__send-btn{justify-content:center;width:100%}.admin-ai-chatbot__message{gap:.7rem}.admin-ai-chatbot__message-avatar{height:36px;width:36px}}body{-moz-osx-font-smoothing:grayscale}.guard-dashboard{background:linear-gradient(135deg,#f9fafb,#ecfdf5);background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-green-50) 100%);display:flex;min-height:100vh}.sidebar-backdrop{background:#00000080;display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1999}.sidebar-backdrop.active{opacity:1}.guard-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--white);border-right:1px solid #10b9811a;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:100}.guard-sidebar.open{width:280px}.guard-sidebar.closed{width:80px}.sidebar-logo svg{color:#10b981;color:var(--primary-green);filter:drop-shadow(0 2px 4px rgba(16,185,129,.2))}.guard-main{flex:1 1;overflow-x:hidden;overflow-y:auto}.guard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #10b9811a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem 2.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.guard-content{padding:2.5rem}.current-time{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--primary-green-100) 100%);border-radius:16px;border-radius:var(--radius-lg);color:#059669;color:var(--primary-green-dark);display:flex;font-size:.9375rem;font-weight:700;gap:.625rem;padding:.875rem 1.5rem}.current-time,.guard-stat-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.guard-stat-card{background:#fff;background:var(--white);border-left:5px solid;border-radius:24px;border-radius:var(--radius-2xl);overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.guard-stat-card:before{background:radial-gradient(circle,#10b9811a 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:100px}.guard-stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.guard-stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.dashboard-card{margin-bottom:2rem;transition:all .3s ease}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:flex-start;background:#f9fafb;background:var(--gray-50);border:1px solid #0000;border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.activity-item:hover{background:#fff;background:var(--white);border-color:#a7f3d0;border-color:var(--primary-green-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateX(4px)}.activity-item:last-child{border-bottom:none}.activity-dot{align-items:center;align-self:flex-start;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:inline-flex;flex:0 0 1.375rem;height:1.375rem;justify-content:center;margin-top:.25rem;padding:0;width:1.375rem}.activity-dot,.activity-dot-inner{border-radius:9999px;border-radius:var(--radius-full)}.activity-dot-inner{height:.625rem;width:.625rem}.activity-content{flex:1 1}.activity-text{color:#374151;color:var(--gray-700);font-size:.9375rem;font-weight:500;line-height:1.5;margin:0 0 .375rem}.activity-time{color:#6b7280;color:var(--gray-500);font-size:.8125rem;font-weight:500;margin:0}.quick-actions-section{margin-top:2rem}.quick-actions-section h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-action-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:20px;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:.875rem;padding:1.75rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action-btn:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);transform:translateY(-4px)}.quick-action-btn p{color:#374151;color:var(--gray-700);font-size:.9375rem;font-weight:600;margin:0}.guard-overview-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.guard-overview-board{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);margin-bottom:2rem}.guard-announcement-card,.guard-overview-recent-card{margin-bottom:0}.guard-announcement-card{display:flex;flex-direction:column;min-height:340px}.guard-announcement-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.guard-overview-kicker{font-size:.78rem;font-weight:800;gap:.4rem;letter-spacing:.04em;margin-bottom:.5rem;text-transform:uppercase}.guard-overview-kicker,.guard-overview-link-btn{align-items:center;color:#059669;color:var(--primary-green-dark);display:inline-flex}.guard-overview-link-btn{background:#ecfdf5;background:var(--primary-green-50);border:1px solid #a7f3d0;border:1px solid var(--primary-green-200);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;font:inherit;font-size:.85rem;font-weight:800;gap:.35rem;padding:.5rem .75rem;white-space:nowrap}.guard-overview-link-btn:hover{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff;color:var(--white)}.guard-announcement-feature{background:linear-gradient(135deg,#ecfdf5,#fff);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--white) 100%);border:1px solid #d1fae5;border:1px solid var(--primary-green-100);border-radius:20px;border-radius:var(--radius-xl);display:flex;flex:1 1;flex-direction:column;gap:.8rem;padding:1.35rem}.guard-announcement-category{border-radius:9999px;border-radius:var(--radius-full);font-size:.72rem;font-weight:800;padding:.32rem .7rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.guard-announcement-category.general{background:#d1fae5;background:var(--primary-green-100);color:#059669;color:var(--primary-green-dark)}.guard-announcement-category.urgent{background:#fee2e2;color:#b91c1c}.guard-announcement-category.maintenance{background:#fef3c7;color:#92400e}.guard-announcement-category.events{background:#ede9fe;color:#6d28d9}.guard-announcement-feature h4{color:#111827;color:var(--gray-900);font-size:1.45rem;line-height:1.25;margin:0}.guard-announcement-feature p{color:#4b5563;color:var(--gray-600);line-height:1.65;margin:0}.guard-announcement-meta{display:flex;flex-wrap:wrap;gap:.55rem}.guard-announcement-meta span{align-items:center;background:#fff;background:var(--white);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--gray-500);display:inline-flex;font-size:.76rem;font-weight:700;min-height:1.75rem;padding:.3rem .65rem}.guard-announcement-list{grid-gap:.65rem;display:grid;gap:.65rem;margin-top:.85rem}.guard-announcement-list-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font:inherit;gap:.85rem;justify-content:space-between;min-height:3rem;padding:.72rem .85rem;text-align:left}.guard-announcement-list-item:hover{background:#fff;background:var(--white);border-color:#a7f3d0;border-color:var(--primary-green-200)}.guard-announcement-list-item span{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guard-announcement-list-item strong{color:#6b7280;color:var(--gray-500);flex:0 0 auto;font-size:.76rem}.guard-announcement-empty{grid-gap:.55rem;align-content:center;border:2px dashed #e5e7eb;border:2px dashed var(--gray-200);border-radius:20px;border-radius:var(--radius-xl);color:#6b7280;color:var(--gray-500);display:grid;flex:1 1;gap:.55rem;min-height:220px;padding:1.5rem;place-items:center;text-align:center}.guard-announcement-empty h4,.guard-announcement-empty p{margin:0}.guard-overview-recent-card{overflow:hidden}.guard-overview-recent-card .activity-list{max-height:292px;overflow-y:auto;padding-right:.25rem}.guard-overview-recent-card .activity-item{padding:.95rem}.guard-overview-actions{margin-top:0}.search-section{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:2rem}.search-controls{margin-bottom:2rem}.search-type-toggle{display:flex;gap:.75rem;margin-bottom:1.5rem}.toggle-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:600;gap:.625rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.toggle-btn:hover{background:#e5e7eb;background:var(--gray-200);transform:translateY(-2px)}.toggle-btn.active{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border-color:#10b981;border-color:var(--primary-green);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white)}.search-input-group{gap:1rem}.search-input{border-radius:20px;border-radius:var(--radius-xl);flex:1 1;font-size:1rem;padding:1rem 1.5rem}.search-icon{color:#9ca3af;color:var(--gray-400);pointer-events:none;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.search-btn{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.625rem;padding:1rem 2rem;transition:all .3s ease}.search-btn:hover{box-shadow:0 12px 28px #10b98166;transform:translateY(-2px)}.search-btn:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.search-results{min-height:300px}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.result-card{background:#fff;background:var(--white);border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:20px;border-radius:var(--radius-xl);padding:1.5rem;transition:all .3s ease}.result-card:hover{border-color:#a7f3d0;border-color:var(--primary-green-200);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.result-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.result-header h3{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700;margin:0}.result-details{display:flex;flex-direction:column;gap:.75rem}.result-detail{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.625rem}.form-container-compact{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);max-width:800px;padding:2rem}.guard-form-compact{display:flex;flex-direction:column;gap:1.5rem}.form-section-compact{margin-bottom:.5rem}.form-section-compact h3{color:#1f2937;color:var(--gray-800);font-size:.875rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.owner-type-toggle{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.toggle-btn-small{align-items:center;background:#f3f4f6;background:var(--gray-100);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .3s ease}.toggle-btn-small:hover{background:#e5e7eb;background:var(--gray-200);transform:translateY(-2px)}.toggle-btn-small.active{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border-color:#10b981;border-color:var(--primary-green);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white)}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-row-triple{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.form-group{gap:.5rem}.form-group label{font-weight:600}.form-input,.form-textarea-compact{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);font-family:inherit;font-size:.9375rem;font-weight:500;padding:.875rem 1.25rem;transition:all .3s ease}.form-input:focus,.form-textarea-compact:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 4px #10b9811a;outline:none}.form-textarea-compact{resize:vertical}.resident-search-container{position:relative}.resident-dropdown{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);left:0;margin-top:.5rem;max-height:320px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.resident-dropdown::-webkit-scrollbar{width:6px}.resident-dropdown::-webkit-scrollbar-thumb{background:#a7f3d0;background:var(--primary-green-200);border-radius:9999px;border-radius:var(--radius-full)}.resident-dropdown-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);cursor:pointer;padding:1rem 1.25rem;transition:all .2s ease}.resident-dropdown-item:last-child{border-bottom:none}.resident-dropdown-item:hover{background:#ecfdf5;background:var(--primary-green-50)}.resident-dropdown-item.disabled{background:#f9fafb;background:var(--gray-50);color:#9ca3af;color:var(--gray-400);cursor:not-allowed}.resident-dropdown-name{color:#111827;color:var(--gray-900);font-size:.9375rem;font-weight:700;margin-bottom:.25rem}.resident-dropdown-address{color:#4b5563;color:var(--gray-600);font-size:.8125rem;font-weight:500}.selected-resident-card{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--primary-green-100) 100%);border:2px solid #10b981;border:2px solid var(--primary-green);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.selected-resident-info{flex:1 1}.selected-resident-name{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:700;margin-bottom:.25rem}.selected-resident-address{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500}.change-resident-btn{background:#fff;background:var(--white);border:2px solid #10b981;border:2px solid var(--primary-green);border-radius:12px;border-radius:var(--radius-md);color:#10b981;color:var(--primary-green);cursor:pointer;font-size:.875rem;font-weight:700;padding:.625rem 1.25rem;transition:all .3s ease}.change-resident-btn:hover{background:#10b981;background:var(--primary-green);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);transform:translateY(-2px)}.visitor-logs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.visitor-log-card{background:#fff;background:var(--white);border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.visitor-log-card:hover{border-color:#a7f3d0;border-color:var(--primary-green-200);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.visitor-log-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.visitor-log-header h3{color:#111827;color:var(--gray-900);font-size:1.375rem;font-weight:700;margin:0 0 .375rem}.visitor-log-type{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.8125rem;font-weight:700;gap:.375rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.status-badge{border-radius:16px;border-radius:var(--radius-lg);padding:.625rem 1.125rem}.visitor-log-details{display:flex;flex-direction:column;gap:1rem}.visitor-log-detail{align-items:flex-start;background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.625rem}.visitor-log-detail svg{color:#10b981;color:var(--primary-green);flex-shrink:0;margin-top:.125rem}.visitor-exit-container{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:2rem}.visitor-selection{display:flex;flex-direction:column;gap:2rem}.search-box{width:100%}.visitor-list-section h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.visitor-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.visitor-card{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-xl);cursor:pointer;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.visitor-card:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);transform:translateY(-4px)}.visitor-card-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.visitor-card-header h4{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700;margin:0}.visitor-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.visitor-info-item{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.625rem}.visitor-info-item .info-label{color:#1f2937;color:var(--gray-800);font-weight:600}.visitor-info-item .info-value{color:#4b5563;color:var(--gray-600);font-weight:500}.visitor-card-footer{display:flex;justify-content:flex-end;margin-top:1rem}.select-visitor-btn{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease;white-space:nowrap;width:100%}.select-visitor-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.visitor-exit-form{display:flex;flex-direction:column;gap:2rem}.selected-visitor-header{align-items:center;display:flex;justify-content:space-between}.back-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:16px;border-radius:var(--radius-lg);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.625rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-btn:hover{background:#e5e7eb;background:var(--gray-200);transform:translateY(-2px)}.visitor-details-card{background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:24px;border-radius:var(--radius-2xl);padding:2.5rem}.visitor-details-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.visitor-details-header h3{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin:0}.visitor-details-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr;margin-bottom:2.5rem}.detail-row{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.375rem;padding:1rem}.detail-row label{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.detail-row p{color:#111827;color:var(--gray-900);font-size:1.0625rem;font-weight:600;margin:0}.capitalize{text-transform:capitalize}.exit-btn{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--orange) 0,#ea580c 100%);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 30px -5px #f9731666;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.0625rem;font-weight:700;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:all .3s ease;width:100%}.exit-btn:hover{box-shadow:0 12px 35px #f9731680;transform:translateY(-2px)}.exit-btn:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.activity-table{border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow-x:auto}.activity-table table{background:#fff;background:var(--white);border-collapse:collapse;width:100%}.activity-table thead{background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--primary-green-100) 100%);border-bottom:2px solid #a7f3d0;border-bottom:2px solid var(--primary-green-200)}.activity-table th{color:#059669;color:var(--primary-green-dark);font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:1.25rem 1rem;text-align:left;text-transform:uppercase}.activity-table tbody tr{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);transition:all .2s ease}.activity-table tbody tr:hover{background:#ecfdf5;background:var(--primary-green-50)}.activity-table td{color:#374151;color:var(--gray-700);font-size:.9375rem;font-weight:500;padding:1.25rem 1rem}.activity-table td strong{color:#111827;color:var(--gray-900);font-weight:700}.badge{border-radius:16px;border-radius:var(--radius-lg);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.badge-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--primary-green-100) 100%);color:#059669;color:var(--primary-green-dark)}.badge-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.badge-purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.badge-orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#ea580c}.empty-state,.empty-state-small{color:#6b7280;color:var(--gray-500);padding:3rem;text-align:center}.empty-state p,.empty-state-small p{font-size:1.0625rem;font-weight:500;margin:0}.loading-container{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:4rem;text-align:center}@media (max-width:1200px){.guard-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.guard-overview-board{grid-template-columns:1fr}.guard-overview-recent-card .activity-list{max-height:none}}@media (max-width:1024px){.form-row-triple{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.visitor-logs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.visitor-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.guard-content{padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:767px){.sidebar-backdrop{display:block}.guard-sidebar{height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;z-index:2000}.guard-sidebar.open{box-shadow:4px 0 20px #0003;max-width:320px;transform:translateX(0);width:85%}.guard-sidebar.closed{max-width:320px;transform:translateX(-100%);width:85%}.guard-header{padding:1rem 1.5rem}.header-title h2{font-size:1.375rem}.header-title p{font-size:.8125rem}.header-user{padding:.5rem .875rem}.user-info{display:none}.user-avatar{font-size:1rem;height:2.5rem;width:2.5rem}.guard-content{padding:1.5rem}.page-header{align-items:flex-start;flex-direction:column}.page-title h2{font-size:1.5rem}.current-time{justify-content:center;width:100%}.guard-overview-stats,.stats-grid{gap:1rem;grid-template-columns:1fr}.guard-stat-card{padding:1.5rem}.stat-info h3{font-size:2rem}.dashboard-card{padding:1.5rem}.guard-announcement-card{min-height:auto}.guard-announcement-header{flex-direction:column}.guard-overview-link-btn{justify-content:center;width:100%}.guard-overview-recent-card .activity-list{padding-right:0}.search-section{padding:1.5rem}.form-container-compact{max-width:100%;padding:1.5rem}.results-grid,.visitor-cards-grid,.visitor-logs-grid{gap:1.5rem;grid-template-columns:1fr}.form-row,.form-row-triple,.owner-type-toggle,.quick-actions-grid{grid-template-columns:1fr}.search-input-group,.search-type-toggle{flex-direction:column}.resident-dropdown{max-height:200px}.activity-table{font-size:.8125rem}.activity-table td,.activity-table th{font-size:.8125rem;padding:.875rem .625rem}}@media (max-width:480px){.guard-content{padding:1rem}.page-title h2{font-size:1.25rem}.page-title p{font-size:.875rem}.stat-info h3{font-size:1.75rem}.stat-info p{font-size:.75rem}.dashboard-card,.form-container-compact,.search-section{padding:1.25rem}.card-header h3{font-size:1.125rem}.visitor-log-card{padding:1.5rem}.visitor-log-header h3{font-size:1.125rem}.exit-btn,.submit-btn{font-size:.9375rem;padding:.875rem 1.25rem}.empty-state,.loading-container{padding:3rem 1.5rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9375rem}.back-btn{font-size:.875rem;padding:.625rem 1rem}.selected-resident-card{align-items:flex-start;flex-direction:column;gap:.75rem}.change-resident-btn{justify-content:center;text-align:center;width:100%}}@media (min-width:768px) and (max-width:1024px){.guard-sidebar.open{width:260px}.stats-grid{grid-template-columns:repeat(2,1fr)}.results-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:414px) and (max-width:480px){.guard-sidebar.open{max-width:300px;width:80%}.stat-info h3{font-size:2rem}}@media (min-width:375px) and (max-width:413px){.guard-sidebar.open{max-width:280px;width:82%}.header-title h2{font-size:1.25rem}}@media (max-width:374px){.guard-sidebar.open{max-width:260px;width:85%}.sidebar-header{padding:1.25rem}.header-title h2,.sidebar-logo h1{font-size:1.125rem}.stat-info h3{font-size:1.5rem}.exit-btn,.submit-btn{font-size:.875rem;padding:.75rem 1.25rem}}@media (max-height:500px) and (orientation:landscape){.guard-sidebar{height:100vh;overflow-y:auto}.sidebar-nav{padding:1rem .75rem}.nav-item{font-size:.875rem;padding:.625rem 1rem}}@media (hover:none) and (pointer:coarse){.back-btn,.change-resident-btn,.exit-btn,.nav-item,.quick-action-btn,.search-btn,.submit-btn,.toggle-btn,.toggle-btn-small{min-height:44px}.sidebar-toggle{min-height:44px;min-width:44px}}.pre-reg-companion-review{grid-gap:.65rem;background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;display:grid;gap:.65rem;margin-top:1rem;padding:.9rem}.pre-reg-companion-title{color:#1d4ed8;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.pre-reg-companion-item{grid-gap:.5rem;background:#fff;border-radius:10px;color:#374151;display:grid;font-size:.82rem;gap:.5rem;grid-template-columns:1.2fr 1fr 1.1fr;padding:.65rem}.pre-reg-companion-item strong{color:#111827}@media (max-width:720px){.pre-reg-companion-item{grid-template-columns:1fr}}:root{--pb:#10b981;--pb-dark:#059669;--pb-50:#ecfdf5;--pb-100:#d1fae5;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-full:9999px}.ga-root{display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;gap:1.5rem}.ga-topbar{gap:1rem;justify-content:space-between}.ga-header-left,.ga-topbar{align-items:center;display:flex}.ga-header-left{gap:.875rem}.ga-shield-icon{align-items:center;background:#d1fae5;background:var(--pb-100);border-radius:12px;border-radius:var(--r-md);color:#059669;color:var(--pb-dark);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;width:2.75rem}.ga-title{color:#111827;color:var(--gray-900);font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.2rem}.ga-subtitle{color:#6b7280;color:var(--gray-500);font-size:.9rem;font-weight:500}.ga-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.ga-stat{align-items:center;background:#fff;background:var(--white);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:all .25s ease}.ga-stat:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ga-stat-icon{align-items:center;border-radius:12px;border-radius:var(--r-md);display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.ga-stat-label{color:#6b7280;color:var(--gray-500);font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-bottom:.15rem;text-transform:uppercase}.ga-stat-value{font-size:1.625rem;font-weight:800;line-height:1}.ga-controls{flex-wrap:wrap;gap:1rem}.ga-controls,.ga-search-wrap{align-items:center;display:flex}.ga-search-wrap{flex:1 1;min-width:220px;position:relative}.ga-search-icon{color:#9ca3af;color:var(--gray-400);left:.875rem;pointer-events:none;position:absolute}.ga-search{background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--gray-900);font-family:inherit;font-size:.9rem;font-weight:500;padding:.75rem 2.5rem;transition:all .2s ease;width:100%}.ga-search:focus{border-color:#10b981;border-color:var(--pb);box-shadow:0 0 0 3px #3b82f61f;outline:none}.ga-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;color:var(--gray-400);cursor:pointer;display:flex;padding:2px;position:absolute;right:.875rem;transition:color .2s}.ga-search-clear:hover{color:#374151;color:var(--gray-700)}.ga-category-pills{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.375rem}.ga-pill{background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:9999px;border-radius:var(--r-full);color:#4b5563;color:var(--gray-600);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.ga-pill:hover{background:#ecfdf5;background:var(--pb-50);border-color:#10b981;border-color:var(--pb);color:#10b981;color:var(--pb)}.ga-pill-active{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--pb),#14b8a6);border-color:#0000;box-shadow:0 4px 12px #3b82f64d;color:#fff;color:var(--white)}.ga-loading{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--r-2xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);padding:4rem;text-align:center}.ga-spinner{animation:spin .75s linear infinite;border:3px solid #e5e7eb;border-top-color:#10b981;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--pb);display:inline-block;height:2.5rem;margin-bottom:1rem;width:2.5rem}.ga-loading p{color:#6b7280;color:var(--gray-500);font-size:.9rem;font-weight:500}.ga-empty{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--r-2xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);padding:4rem 2rem;text-align:center}.ga-empty-icon{align-items:center;background:#d1fae5;background:var(--pb-100);border-radius:50%;color:#059669;color:var(--pb-dark);display:flex;height:4.5rem;justify-content:center;margin:0 auto 1.5rem;width:4.5rem}.ga-empty h3{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.ga-empty p{color:#6b7280;color:var(--gray-500);font-size:.9rem}.ga-list{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.ga-card{background:#fff;background:var(--white);border:1.5px solid #f3f4f6;border:1.5px solid var(--gray-100);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.ga-card:hover{border-color:#d1fae5;border-color:var(--pb-100);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.ga-card-urgent{background:linear-gradient(180deg,#fff5f5,#fff 80px);background:linear-gradient(180deg,#fff5f5 0,var(--white) 80px);border-color:#fecaca}.ga-card-urgent:hover{border-color:#fca5a5}.ga-card-stripe{flex-shrink:0;height:4px}.ga-card-body{display:flex;flex:1 1;flex-direction:column;gap:.625rem;padding:1.25rem 1.5rem 1rem}.ga-card-top{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.ga-badge{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:.7rem;font-weight:700;gap:.3rem;letter-spacing:.04em;padding:.2rem .625rem;text-transform:uppercase;white-space:nowrap}.ga-time{color:#9ca3af;color:var(--gray-400);font-size:.75rem;font-weight:500;white-space:nowrap}.ga-card-title{color:#111827;color:var(--gray-900);font-size:1.0625rem;font-weight:700;line-height:1.4;word-break:break-word}.ga-card-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4b5563;color:var(--gray-600);display:-webkit-box;font-size:.875rem;font-weight:500;line-height:1.65;overflow:hidden;word-break:break-word}.ga-expanded{-webkit-line-clamp:unset;overflow:visible}.ga-expand-btn{align-items:center;align-self:flex-start;background:#ecfdf5;background:var(--pb-50);border:1px solid #d1fae5;border:1px solid var(--pb-100);border-radius:9999px;border-radius:var(--r-full);color:#059669;color:var(--pb-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.775rem;font-weight:700;gap:.3rem;margin-top:.25rem;padding:.375rem .875rem;transition:all .2s ease}.ga-expand-btn:hover{background:#10b981;background:var(--pb);border-color:#10b981;border-color:var(--pb);color:#fff;color:var(--white)}.ga-card-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;flex-wrap:wrap;gap:.625rem 1.25rem;padding:.625rem 1.5rem}.ga-meta{align-items:center;color:#9ca3af;color:var(--gray-400);display:inline-flex;font-size:.72rem;font-weight:500;gap:.3rem}.ga-meta svg{flex-shrink:0}@media (max-width:1024px){.ga-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:767px){.ga-stats{gap:.75rem;grid-template-columns:1fr}.ga-stat{padding:1rem 1.25rem}.ga-controls{align-items:stretch;flex-direction:column}.ga-search-wrap{min-width:100%}.ga-category-pills{justify-content:flex-start}.ga-list{gap:1rem;grid-template-columns:1fr}.ga-title{font-size:1.5rem}}@media (max-width:480px){.ga-shield-icon{height:2.25rem;width:2.25rem}.ga-title{font-size:1.375rem}.ga-card-body{padding:1rem 1.25rem .875rem}.ga-card-footer{padding:.5rem 1.25rem}.ga-stat-value{font-size:1.375rem}.ga-pill{font-size:.75rem;padding:.4rem .75rem}.ga-empty,.ga-loading{padding:3rem 1.5rem}}@media (hover:none) and (pointer:coarse){.ga-expand-btn,.ga-pill{min-height:40px}}.guard-facility-shell{display:flex;flex-direction:column;gap:1.25rem}.guard-facility-card,.guard-facility-empty-state,.guard-facility-hero,.guard-facility-toolbar{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.guard-facility-hero{grid-gap:1.25rem;background:linear-gradient(135deg,var(--primary-green-50) 0,var(--white) 100%);display:grid;gap:1.25rem;grid-template-columns:1.25fr .95fr;padding:1.6rem}.guard-facility-chip{align-items:center;background:var(--primary-green-100);border-radius:var(--radius-full);color:var(--primary-green-dark);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.35rem .75rem;text-transform:uppercase}.guard-facility-copy h3{color:var(--gray-900);font-size:1.55rem;line-height:1.2;margin:.85rem 0 .6rem}.guard-facility-copy p{color:var(--gray-600);line-height:1.65;margin:0;max-width:38rem}.guard-facility-stats{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.guard-facility-stats div{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:1rem}.guard-facility-stats strong{color:var(--gray-900);display:block;font-size:1.7rem}.guard-facility-stats span{color:var(--gray-500);display:block;font-weight:600;margin-top:.3rem}.guard-facility-toolbar{align-items:center;display:flex;gap:.85rem;justify-content:space-between;padding:1rem 1.15rem}.guard-facility-search{flex:1 1;position:relative}.guard-facility-search svg{color:#94a3b8;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.guard-facility-search input{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-800);font-size:.9375rem;font-weight:500;padding:.85rem 1rem .85rem 2.75rem;width:100%}.guard-facility-search input:focus{border-color:var(--primary-green);box-shadow:0 0 0 4px #10b9811a;outline:none}.guard-facility-filter-row{display:flex;flex-wrap:wrap;gap:.5rem}.guard-facility-filter-btn{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;font-size:.875rem;font-weight:700;padding:.7rem .95rem;transition:all .3s ease}.guard-facility-filter-btn.active{background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border-color:var(--primary-green);box-shadow:var(--shadow-green);color:var(--white)}.guard-facility-filter-btn:hover:not(.active){background:var(--primary-green-50);border-color:var(--primary-green-200);color:var(--primary-green-dark)}.guard-facility-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.guard-facility-card{overflow:hidden;transition:all .3s ease}.guard-facility-image-wrap{height:170px;overflow:hidden}.guard-facility-image{height:100%;object-fit:cover;width:100%}.guard-facility-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.guard-facility-card-top{align-items:flex-start;background:linear-gradient(135deg,var(--primary-green-50) 0,var(--white) 100%);border-bottom:1px solid var(--gray-100);display:flex;gap:1rem;justify-content:space-between;padding:1.2rem 1.25rem .95rem}.guard-facility-card-top h4{color:var(--gray-900);font-size:1.0625rem;margin:0}.guard-facility-card-top p{color:var(--primary-green-dark);font-size:.875rem;font-weight:700;margin:.35rem 0 0}.guard-facility-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.74rem;font-weight:700;gap:.4rem;letter-spacing:.04em;padding:.45rem .8rem;text-transform:uppercase}.guard-facility-status.pending{background:#fef3c7;color:#a16207}.guard-facility-status.approved{background:#dcfce7;color:#15803d}.guard-facility-status.rejected{background:#fee2e2;color:#b91c1c}.guard-facility-status.expired{background:#e2e8f0;color:#475569}.guard-facility-card-body{display:flex;flex-direction:column;gap:.9rem;padding:1.2rem 1.25rem 1.25rem}.guard-facility-approved,.guard-facility-host,.guard-facility-purpose,.guard-facility-rejected{border-radius:var(--radius-lg);padding:.9rem 1rem}.guard-facility-host{background:var(--gray-50);border:1px solid var(--gray-100)}.guard-facility-host strong{color:var(--gray-900);display:block;font-size:.95rem}.guard-facility-host span{color:var(--gray-500);display:block;font-size:.8125rem;margin-top:.25rem}.guard-facility-detail-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.guard-facility-detail{align-items:flex-start;background:var(--gray-50);border-radius:var(--radius-lg);display:flex;gap:.65rem;padding:.85rem .9rem}.guard-facility-detail svg{color:var(--primary-green);margin-top:.1rem}.guard-facility-detail strong{color:var(--gray-600);display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.guard-facility-detail p{color:var(--gray-800);font-size:.875rem;line-height:1.5;margin:0}.guard-facility-purpose{background:var(--gray-50);border:1px solid var(--gray-100)}.guard-facility-purpose strong,.guard-facility-rejected strong{color:var(--gray-700);display:block;font-size:.8125rem;margin-bottom:.45rem}.guard-facility-purpose p,.guard-facility-rejected p{color:var(--gray-700);font-size:.875rem;line-height:1.6;margin:0}.guard-facility-approved{align-items:center;background:var(--primary-green-50);border:1px solid var(--primary-green-200);color:var(--primary-green-dark);display:flex;font-size:.875rem;font-weight:700;gap:.55rem}.guard-facility-rejected{background:#fee2e2;border:1px solid #fecaca}@media (max-width:1024px){.guard-facility-hero{grid-template-columns:1fr}}@media (max-width:767px){.guard-facility-toolbar{align-items:stretch;flex-direction:column}.guard-facility-detail-grid,.guard-facility-grid,.guard-facility-stats{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.resident-dashboard{background:linear-gradient(135deg,#f9fafb,#ecfdf5);background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-green-50) 100%);display:flex;min-height:100vh}.resident-main{flex:1 1;overflow-x:hidden;overflow-y:auto}.resident-sidebar{background:#fff;background:var(--white);border-right:1px solid #10b9811a;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:100}.resident-sidebar.open{width:280px}.resident-sidebar.closed{width:80px}.sidebar-header{background:linear-gradient(135deg,#ecfdf5,#fff);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--white) 100%);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:1.5rem}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:.75rem}.sidebar-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800;letter-spacing:-.025em;margin:0}.sidebar-logo p{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:500;margin:0}.sidebar-toggle{align-items:center;background:#ecfdf5;background:var(--primary-green-50);border:none;border-radius:16px;border-radius:var(--radius-lg);color:#10b981;color:var(--primary-green);cursor:pointer;display:flex;justify-content:center;padding:.625rem;transition:all .3s ease}.sidebar-toggle:hover{background:#d1fae5;background:var(--primary-green-100);box-shadow:0 4px 12px #10b98133;transform:scale(1.05)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1.5rem 1rem}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#a7f3d0;background:var(--primary-green-200);border-radius:9999px;border-radius:var(--radius-full)}.nav-item{align-items:center;background:none;border:none;border-radius:16px;border-radius:var(--radius-lg);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:1rem;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.nav-item:before{background:#10b981;background:var(--primary-green);border-radius:0 8px 8px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.nav-item:hover{background:#ecfdf5;background:var(--primary-green-50);color:#059669;color:var(--primary-green-dark);transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white);font-weight:600}.nav-item.active:before{transform:scaleY(1)}.nav-item-label{flex:1 1}.sidebar-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);padding:1.5rem}.logout-btn{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:none;border-radius:16px;border-radius:var(--radius-lg);color:#ef4444;color:var(--red);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;padding:.875rem 1.25rem;transition:all .3s ease;width:100%}.logout-btn:hover{box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.resident-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #10b9811a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem 2.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-content{align-items:center;display:flex;justify-content:space-between}.header-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#059669);background:linear-gradient(135deg,var(--gray-800) 0,var(--primary-green-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .25rem}.header-title p{color:#6b7280;color:var(--gray-500);font-size:.9375rem;font-weight:500;margin:0}.header-user{align-items:center;background:#ecfdf5;background:var(--primary-green-50);border-radius:9999px;border-radius:var(--radius-full);display:flex;gap:1rem;padding:.75rem 1.25rem;transition:all .3s ease}.header-user:hover{background:#d1fae5;background:var(--primary-green-100);transform:scale(1.02)}.user-info{text-align:right}.user-info p{margin:0}.user-name{color:#1f2937;color:var(--gray-800);font-size:.9375rem;font-weight:700}.user-role{color:#10b981;color:var(--primary-green);font-size:.8125rem;font-weight:600}.user-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border:3px solid #fff;border:3px solid var(--white);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 12px #10b9814d;color:#fff;color:var(--white);display:flex;font-size:1.125rem;font-weight:800;height:3rem;justify-content:center;width:3rem}.resident-content{padding:2.5rem}.page-header{gap:1rem;margin-bottom:2rem}.page-title h2{font-size:2rem;margin:0 0 .5rem}.page-title p{color:#4b5563;color:var(--gray-600);font-size:1rem}.action-btn{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.625rem;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.action-btn:hover{box-shadow:0 12px 28px #10b98166;transform:translateY(-2px)}.action-btn:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2.5rem}.resident-stat-card{background:#fff;background:var(--white);border-left:5px solid;border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.resident-stat-card:before{background:radial-gradient(circle,#10b9811a 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:100px}.resident-stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.stat-card-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.stat-info p{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.stat-info h3{color:#111827;color:var(--gray-900);font-size:2.5rem;font-weight:800;line-height:1;margin:0}.stat-icon{align-items:center;background:#10b9811a;border-radius:20px;border-radius:var(--radius-xl);display:inline-flex;flex:0 0 3.5rem;height:3.5rem;justify-content:center;padding:0;transition:all .3s ease;width:3.5rem}.resident-stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.dashboard-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.main-content-area,.sidebar-content-area{display:flex;flex-direction:column;gap:2rem}.resident-overview-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.resident-overview-layout{align-items:start;gap:1rem;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr)}.resident-overview-main,.resident-overview-side{gap:1rem}.resident-announcement-card{display:flex;flex-direction:column;min-height:340px;order:-1}.resident-announcement-card .announcements-list{flex:1 1}.resident-overview-visitor-card{overflow:hidden}.resident-overview-card-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.resident-overview-count{align-items:center;background:#ecfdf5;background:var(--primary-green-50);border:1px solid #d1fae5;border:1px solid var(--primary-green-100);border-radius:9999px;border-radius:var(--radius-full);color:#059669;color:var(--primary-green-dark);display:inline-flex;font-size:.85rem;font-weight:800;height:2rem;justify-content:center;min-width:2rem;padding:0 .65rem}.resident-overview-vr-list{max-height:300px;overflow-y:auto;padding-right:.25rem}.dashboard-card{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:2rem;transition:box-shadow .3s ease}.dashboard-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.card-header{border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);margin-bottom:1.5rem;padding-bottom:1rem}.card-header h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700;margin:0}.info-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-item{align-items:flex-start;background:#f9fafb;background:var(--gray-50);border:2px solid #0000;border-radius:20px;border-radius:var(--radius-xl);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.info-item:hover{background:#fff;background:var(--white);border-color:#a7f3d0;border-color:var(--primary-green-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-icon{align-items:center;border-radius:16px;border-radius:var(--radius-lg);display:inline-flex;flex:0 0 3rem;height:3rem;justify-content:center;padding:0;width:3rem}.info-content{flex:1 1}.info-label{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin:0 0 .375rem;text-transform:uppercase}.info-value{color:#1f2937;color:var(--gray-800);font-size:.9375rem;font-weight:600;line-height:1.4;margin:0}.announcements-list{gap:1.25rem}.announcement-item{align-items:flex-start;background:#f9fafb;background:var(--gray-50);border-left:4px solid #10b981;border-left:4px solid var(--primary-green);border-radius:20px;border-radius:var(--radius-xl);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.announcement-item:hover{background:#fff;background:var(--white);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateX(4px)}.announcement-badge{align-items:center;align-self:flex-start;border-radius:16px;border-radius:var(--radius-lg);display:inline-flex;flex:0 0 2.5rem;height:2.5rem;justify-content:center;padding:0;width:2.5rem}.announcement-meta{align-items:center;gap:.75rem;margin-bottom:.5rem}.announcement-content h4{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:700;margin:0 0 .5rem}.announcement-content p{color:#4b5563;color:var(--gray-600);font-size:.9375rem;font-weight:500;line-height:1.6;margin:0 0 .75rem}.announcement-date{color:#6b7280;color:var(--gray-500);font-size:.8125rem;font-weight:600}.category-badge{border-radius:9999px;border-radius:var(--radius-full);padding:.25rem .625rem}.quick-actions-list{display:flex;flex-direction:column;gap:.75rem}.quick-action-item{align-items:center;background:none;border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:20px;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:1rem;padding:1.125rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.quick-action-item:hover{background:#ecfdf5;background:var(--primary-green-50);border-color:#10b981;border-color:var(--primary-green);transform:translateX(4px)}.quick-action-icon{align-items:center;border-radius:16px;border-radius:var(--radius-lg);display:inline-flex;flex:0 0 2.75rem;height:2.75rem;justify-content:center;padding:0;width:2.75rem}.quick-action-content{flex:1 1}.quick-action-content h4{color:#111827;color:var(--gray-900);font-size:.9375rem;font-weight:700;margin:0 0 .25rem}.quick-action-content p{color:#6b7280;color:var(--gray-500);font-size:.8125rem;font-weight:500;margin:0}.resident-renewal-locked{align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;border-radius:var(--radius-xl);display:flex;gap:.875rem;padding:1rem 1.125rem}.resident-renewal-locked h4{color:#111827;color:var(--gray-900);margin:0 0 .35rem}.resident-renewal-locked p{color:#9a3412;font-size:.875rem;line-height:1.5;margin:0}.resident-renewal-card{background:linear-gradient(135deg,#ecfdf5,#fff);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--white) 100%);border:1px solid #d1fae5;border:1px solid var(--primary-green-100)}.resident-renewal-stack{display:flex;flex-direction:column;gap:1rem}.resident-renewal-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.resident-renewal-expiry{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:600}.resident-renewal-note-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;border-radius:var(--radius-lg);padding:1rem 1.1rem}.resident-renewal-note-box strong{color:#1d4ed8;display:block;margin-bottom:.35rem}.resident-renewal-note-box p{color:#1e3a8a;line-height:1.5;margin:0}.resident-renewal-admin-note{background:#fff7ed;border-color:#fdba74}.resident-renewal-admin-note p,.resident-renewal-admin-note strong{color:#9a3412}.reminders-list{display:flex;flex-direction:column;gap:1rem}.reminder-item{align-items:flex-start;background:#f9fafb;background:var(--gray-50);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1.125rem;transition:all .3s ease}.reminder-item:hover{background:#fff;background:var(--white);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.reminder-item>svg{align-self:flex-start;flex:0 0 1.125rem}.reminder-content p{color:#374151;color:var(--gray-700);font-size:.9375rem;font-weight:500;line-height:1.5;margin:0}.profile-container{align-items:flex-start;display:flex;justify-content:center}.profile-card{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);max-width:780px;overflow:hidden;width:100%}.profile-header{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--primary-green-100) 100%);display:flex;gap:2rem;padding:3rem 2.5rem}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border:4px solid #fff;border:4px solid var(--white);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 8px 20px #10b9814d;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:2.5rem;font-weight:800;height:6rem;justify-content:center;width:6rem}.profile-header-info h2{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .5rem}.profile-header-info p{color:#4b5563;color:var(--gray-600);font-size:1rem;font-weight:500;margin:0 0 1rem}.status-badge{letter-spacing:.05em;padding:.625rem 1.25rem}.resident-account-pill,.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.8125rem;font-weight:700;gap:.5rem;text-transform:uppercase}.resident-account-pill{letter-spacing:.04em;padding:.625rem 1rem}.resident-account-pill.pending{background:#fef3c7;color:#92400e}.resident-account-pill.active{background:#ecfdf5;background:var(--primary-green-50);color:#059669;color:var(--primary-green-dark)}.resident-account-pill.expiring{background:#ffedd5;color:#c2410c}.resident-account-pill.expired{background:#fee2e2;color:#b91c1c}.resident-account-pill.renewal{background:#dbeafe;color:#1d4ed8}.profile-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:2rem 2.5rem}.profile-section:last-child{border-bottom:none}.profile-section h3{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700;margin:0 0 1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{margin:0}.add-btn{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.add-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-grid{grid-gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-grid,.form-grid-2{display:grid;gap:1.25rem}.form-grid-2{grid-gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-group{display:flex;flex-direction:column;gap:.625rem}.form-group label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:700}.form-hint{align-items:center;background:#ffedd5;border:2px solid #fed7aa;border-radius:16px;border-radius:var(--radius-lg);color:#f97316;color:var(--orange);display:flex;font-size:.8125rem;font-weight:600;gap:.625rem;margin-bottom:.75rem;padding:.875rem 1.125rem}.form-input,.form-textarea{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);font-family:inherit;font-size:.9375rem;font-weight:500;padding:.875rem 1.25rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 4px #10b9811a;outline:none}.form-textarea{resize:vertical}.form-value{color:#1f2937;color:var(--gray-800);font-size:.9375rem;font-weight:600;margin:0;padding:.875rem 0}.photo-upload-container{margin-top:.75rem}.photo-input{display:none}.photo-upload-label{align-items:center;background:#fff;background:var(--white);border:3px dashed #d1d5db;border:3px dashed var(--gray-300);border-radius:20px;border-radius:var(--radius-xl);color:#374151;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.photo-upload-label:hover{background:#ecfdf5;background:var(--primary-green-50);border-color:#10b981;border-color:var(--primary-green);color:#10b981;color:var(--primary-green);transform:translateY(-2px)}.photo-preview{margin-top:1.5rem;max-width:450px;position:relative}.photo-preview img{border:3px solid #e5e7eb;border:3px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);height:auto;width:100%}.remove-photo-btn{background:#fff;background:var(--white);border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#ef4444;color:var(--red);cursor:pointer;padding:.75rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.remove-photo-btn:hover{background:#fee2e2;transform:scale(1.1)}.family-members-list{display:flex;flex-direction:column;gap:1rem}.family-member-item{background:#f9fafb;background:var(--gray-50);border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);padding:1.25rem;transition:all .3s ease}.family-member-item:hover{border-color:#a7f3d0;border-color:var(--primary-green-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.family-member-info{align-items:center;display:flex;gap:1rem}.member-name{color:#111827;color:var(--gray-900);font-size:.9375rem;font-weight:600;margin:0}.member-relationship-badge{background:#d1fae5;background:var(--primary-green-100);color:#059669;color:var(--primary-green-dark);font-weight:600}.member-primary-badge,.member-relationship-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;letter-spacing:.04em;margin-top:.25rem;padding:.125rem .625rem;text-transform:uppercase}.member-primary-badge{background:#0ea5e91a;color:#0369a1;font-weight:700;margin-left:.4rem}.family-member-form{grid-gap:.625rem;align-items:center;display:grid;gap:.625rem;grid-template-columns:1fr 1fr 1fr}.family-member-form .remove-btn{grid-column:3;height:42px;justify-self:end;width:42px}.primary-contact-inline{align-items:center;color:#374151;color:var(--gray-700);display:inline-flex;font-size:.875rem;font-weight:600;gap:.45rem;grid-column:1/3}.primary-contact-inline input{accent-color:#10b981;accent-color:var(--primary-green);height:16px;width:16px}.family-member-form select.form-input-small{grid-column:1/-1}.form-input-small{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);font-family:inherit;font-size:.9375rem;font-weight:500;padding:.75rem 1rem}.form-input-small:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.remove-btn{background:#fee2e2;border:none;border-radius:12px;border-radius:var(--radius-md);color:#ef4444;color:var(--red);cursor:pointer;padding:.75rem;transition:all .3s ease}.remove-btn:hover{background:#fecaca;transform:scale(1.05)}.empty-message{border-radius:16px;border-radius:var(--radius-lg);color:#6b7280;color:var(--gray-500);font-size:.9375rem;font-weight:500;padding:1.5rem;text-align:center}.empty-message,.profile-actions{background:#f9fafb;background:var(--gray-50)}.profile-actions{display:flex;gap:1.25rem;justify-content:flex-end;padding:2rem 2.5rem}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.625rem;padding:.875rem 1.75rem;transition:all .3s ease}.cancel-btn{background:#fff;background:var(--white);border:2px solid #d1d5db;border:2px solid var(--gray-300);color:#374151;color:var(--gray-700)}.cancel-btn:hover{background:#f9fafb;background:var(--gray-50);transform:translateY(-2px)}.save-btn{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white)}.save-btn:hover{box-shadow:0 12px 28px #10b98166;transform:translateY(-2px)}.save-btn:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.form-card{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2.5rem}.form-card h3{color:#111827;color:var(--gray-900);font-size:1.375rem;font-weight:700;margin:0 0 2rem}.form-card h4{color:#374151;color:var(--gray-700);font-size:1.125rem;font-weight:700;margin:0 0 1.25rem}.form-section{border-top:2px solid #f3f4f6;border-top:2px solid var(--gray-100);margin-top:2rem;padding-top:2rem}.submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:inherit;font-size:1.0625rem;font-weight:700;gap:.75rem;justify-content:center;margin-top:2rem;padding:1.125rem 2rem;transition:all .3s ease;width:100%}.submit-btn:hover{box-shadow:0 12px 28px #10b98166;transform:translateY(-2px)}.submit-btn:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.vehicles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.vehicle-card{background:#fff;background:var(--white);border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.vehicle-card:hover{border-color:#a7f3d0;border-color:var(--primary-green-200);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.vehicle-photo{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%);height:220px;overflow:hidden;width:100%}.vehicle-photo img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.vehicle-card:hover .vehicle-photo img{transform:scale(1.05)}.vehicle-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.75rem .75rem}.vehicle-icon{padding:1rem}.vehicle-icon,.vehicle-type{border-radius:16px;border-radius:var(--radius-lg)}.vehicle-type{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.vehicle-body{padding:0 1.75rem 1.5rem}.vehicle-body h3{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .625rem}.vehicle-details{font-weight:600;margin:0 0 .375rem}.vehicle-color,.vehicle-details{color:#4b5563;color:var(--gray-600);font-size:.9375rem}.vehicle-color{font-weight:500;margin:0}.vehicle-footer{background:#f9fafb;background:var(--gray-50);border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);border-top:2px solid #f3f4f6;border-top:2px solid var(--gray-100);padding:1rem 1.75rem}.vehicle-date{color:#6b7280;color:var(--gray-500);font-size:.8125rem;font-weight:600}.vehicle-actions{display:flex;gap:.75rem;padding:1.25rem 1.75rem}.vehicle-action-btn{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.05em;padding:.75rem 1.25rem;text-transform:uppercase;transition:all .3s ease}.edit-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;color:var(--blue)}.edit-btn:hover{background:#3b82f6;background:var(--blue);box-shadow:0 8px 20px #3b82f64d;color:#fff;color:var(--white);transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444;color:var(--red)}.delete-btn:hover{background:#ef4444;background:var(--red);box-shadow:0 8px 20px #ef44444d;color:#fff;color:var(--white);transform:translateY(-2px)}.delete-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.visitor-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr}.recent-visitors-card{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:2rem}.recent-visitors-card h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.visitors-list{display:flex;flex-direction:column;gap:1rem}.visitor-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:20px;border-radius:var(--radius-xl);display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.visitor-item:hover{background:#fff;background:var(--white);border-color:#a7f3d0;border-color:var(--primary-green-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateX(4px)}.visitor-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--blue) 0,var(--blue-light) 100%);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 12px #3b82f64d;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1.125rem;font-weight:800;height:3rem;justify-content:center;width:3rem}.visitor-info{flex:1 1}.visitor-info h4{color:#111827;color:var(--gray-900);font-size:.9375rem;font-weight:700;margin:0 0 .375rem}.visitor-purpose{color:#4b5563;color:var(--gray-600);font-size:.8125rem;font-weight:500;margin:0 0 .25rem}.visitor-date{color:#6b7280;color:var(--gray-500);font-size:.8125rem;font-weight:600;margin:0}.visitor-status{border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;white-space:nowrap}.status-inside{background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--primary-green-100) 100%);color:#059669;color:var(--primary-green-dark)}.status-exited{background:#e5e7eb;background:var(--gray-200);color:#4b5563;color:var(--gray-600)}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.empty-state{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:4rem 2rem;text-align:center}.empty-state h3{color:#374151;color:var(--gray-700);margin:1.5rem 0 .75rem}.empty-state p{font-weight:500}.empty-state-small{color:#6b7280;color:var(--gray-500);padding:3rem 2rem;text-align:center}.empty-state-small p{font-size:.9375rem;font-weight:500;margin:1rem 0 0}.module-placeholder{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:5rem 2rem;text-align:center}.placeholder-content{margin:0 auto;max-width:450px}.placeholder-icon{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--primary-green-100) 100%);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);display:flex;height:7rem;justify-content:center;margin:0 auto 2rem;width:7rem}.placeholder-content h2{color:#111827;color:var(--gray-900);font-size:1.75rem;font-weight:800;margin:0 0 .75rem}.placeholder-content p{color:#4b5563;color:var(--gray-600);font-size:1.125rem;font-weight:500;margin:0 0 1.25rem}.placeholder-content small{color:#6b7280;color:var(--gray-500);font-size:1rem}.bg-purple-50{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.text-purple-600{color:#8b5cf6;color:var(--purple)}.text-gray-400{color:#9ca3af;color:var(--gray-400)}.facilities-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1rem}.facility-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease}.facility-card:hover{border-color:#a7f3d0;border-color:var(--primary-green-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.facility-image{height:200px;overflow:hidden;width:100%}.facility-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.facility-card:hover .facility-image img{transform:scale(1.05)}.facility-header{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem .5rem}.facility-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;width:48px}.facility-status{background:#ecfdf5;background:var(--primary-green-50);border-radius:20px;color:#10b981;color:var(--primary-green);font-size:.875rem;font-weight:500;padding:.25rem .75rem}.facility-body{padding:0 1.5rem 1rem}.facility-body h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.facility-description{color:#4b5563;color:var(--gray-600);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.facility-details{margin-bottom:1rem}.facility-details p{color:#374151;color:var(--gray-700);font-size:.875rem;margin:.25rem 0}.facility-amenities h4{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:600;margin:0 0 .5rem}.amenities-list{display:flex;flex-wrap:wrap;gap:.5rem}.amenity-tag{background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-sm);color:#374151;color:var(--gray-700);font-size:.75rem;padding:.25rem .5rem}.facility-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);padding:1rem 1.5rem}.facility-reserve-btn{align-items:center;background:#10b981;background:var(--primary-green);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:inherit;font-weight:500;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem 1rem;transition:all .2s ease;width:100%}.facility-reserve-btn:hover{background:#059669;background:var(--primary-green-dark);transform:translateY(-1px)}.reservations-list{margin-top:1rem}.reservation-item{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.reservation-item:hover{background:#f9fafb;background:var(--gray-50);border-color:#a7f3d0;border-color:var(--primary-green-200)}.reservation-avatar{align-items:center;background:#ecfdf5;background:var(--primary-green-50);border-radius:12px;border-radius:var(--radius-md);color:#10b981;color:var(--primary-green);display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.reservation-info{flex:1 1;min-width:0}.reservation-info h4{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:600;margin:0 0 .25rem}.reservation-date,.reservation-guests,.reservation-purpose{color:#6b7280;color:var(--gray-500);font-size:.75rem;margin:0 0 .25rem}.reservation-purpose{color:#4b5563;color:var(--gray-600);font-size:.875rem}.reservation-status-container{align-items:center;display:flex;gap:.5rem}.reservation-status{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.reservation-status.status-pending{background:#fef3c7;color:#f59e0b;color:var(--yellow)}.reservation-status.status-approved{background:#ecfdf5;background:var(--primary-green-50);color:#10b981;color:var(--primary-green)}.reservation-status.status-rejected{background:#fee2e2;color:#ef4444;color:var(--red)}.view-receipt-btn{background:#dbeafe;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#3b82f6;color:var(--blue);cursor:pointer;padding:.5rem;transition:all .2s ease}.view-receipt-btn:hover{background:#3b82f6;background:var(--blue);color:#fff;color:var(--white)}.reservation-form-card{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);max-height:calc(100vh - 4rem);overflow-y:auto;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.reservation-form-card,.reservation-summary{border:1px solid #e5e7eb;border:1px solid var(--gray-200)}.reservation-summary{background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius-md);margin:1rem 0;padding:1rem}.reservation-summary h4{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:600;margin:0 0 .5rem}.reservation-summary p{color:#374151;color:var(--gray-700);font-size:.875rem;margin:.25rem 0}.gcash-qr-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.gcash-qr{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:12px;border-radius:var(--radius-md);height:200px;width:200px}.gcash-instructions{color:#4b5563;color:var(--gray-600);font-size:.875rem;line-height:1.5;max-width:300px;text-align:center}.receipt-image{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);height:auto;max-width:400px;width:100%}.entry-type-section{border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);margin-bottom:2rem;padding-bottom:2rem}.entry-type-label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.entry-type-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.entry-type-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-xl);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-height:44px;padding:1.125rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.entry-type-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.entry-type-btn.active,.entry-type-btn:hover{border-color:#10b981;border-color:var(--primary-green)}.entry-type-btn.active{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white)}@media (max-width:1200px){.resident-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.resident-overview-layout{grid-template-columns:1fr}.resident-overview-vr-list{max-height:none}}@media (max-width:1024px){.dashboard-layout,.info-grid,.visitor-layout{grid-template-columns:1fr}.vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.resident-content{padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.profile-container{max-width:100%}.facilities-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:1024px){.facilities-layout{grid-template-columns:1fr 400px}}@media (max-width:767px){.resident-sidebar{height:100vh;left:0;max-width:320px;position:fixed;top:0;transition:transform .3s ease;width:85%;z-index:2000}.resident-sidebar.open{box-shadow:4px 0 20px #0003;transform:translateX(0)}.resident-sidebar.closed{transform:translateX(-100%)}.resident-header{padding:1rem 1.5rem}.header-title h2{font-size:1.375rem}.header-title p{font-size:.8125rem}.header-user{padding:.5rem .875rem}.user-info{display:none}.user-avatar{font-size:1rem;height:2.5rem;width:2.5rem}.resident-content{padding:1.5rem}.page-header{align-items:flex-start;flex-direction:column}.page-title h2{font-size:1.5rem}.action-btn{justify-content:center;width:100%}.resident-overview-stats,.stats-grid{gap:1rem;grid-template-columns:1fr}.resident-stat-card{padding:1.5rem}.stat-info h3{font-size:2rem}.dashboard-card{padding:1.5rem}.resident-announcement-card{min-height:auto}.resident-overview-card-header{align-items:flex-start}.resident-overview-vr-list{padding-right:0}.vehicles-grid{gap:1.5rem}.form-grid,.form-grid-2,.vehicles-grid{grid-template-columns:1fr}.family-member-form{gap:.75rem;grid-template-columns:1fr 1fr}.profile-header{flex-direction:column;padding:2rem 1.5rem;text-align:center}.profile-section{padding:1.5rem}.profile-actions{flex-direction:column;padding:1.5rem}.cancel-btn,.save-btn{justify-content:center;width:100%}.vehicle-actions{flex-direction:column}.entry-type-buttons{grid-template-columns:1fr}.form-card{padding:1.5rem}.visitor-item{flex-wrap:wrap}.visitor-status{text-align:center;width:100%}.facilities-grid{grid-template-columns:1fr}.reservation-form-card{max-height:none;position:static}.reservation-item{align-items:flex-start;flex-direction:column;gap:.75rem}.reservation-status-container{align-self:flex-end}.announcement-item{flex-direction:column;gap:.75rem}.info-item{padding:1rem}}@media (max-width:480px){.resident-content{padding:1rem}.page-title h2{font-size:1.25rem}.stat-info h3{font-size:1.75rem}.stat-info p{font-size:.75rem}.dashboard-card,.form-card,.recent-visitors-card{padding:1.25rem}.profile-header-info h2{font-size:1.5rem}.profile-avatar-large{font-size:2rem;height:5rem;width:5rem}.vehicle-body h3{font-size:1.25rem}.vehicle-action-btn{font-size:.8125rem;padding:.75rem 1rem}.submit-btn{font-size:.9375rem;padding:.875rem 1.25rem}.empty-state{padding:3rem 1.5rem}.empty-state h3{font-size:1.25rem}.photo-upload-label{justify-content:center;padding:1rem;width:100%}.family-member-form{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.action-btn,.add-btn,.cancel-btn,.entry-type-btn,.facility-reserve-btn,.nav-item,.quick-action-item,.save-btn,.submit-btn,.vehicle-action-btn{min-height:44px}.sidebar-toggle{min-height:44px;min-width:44px}}@media (max-height:500px) and (orientation:landscape){.resident-sidebar{overflow-y:auto}.sidebar-nav{padding:1rem .75rem}.nav-item{font-size:.875rem;padding:.625rem 1rem}}.recently-deleted-section{border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:24px;border-radius:var(--radius-2xl);margin-top:2.5rem;overflow:hidden;transition:all .3s ease}.recently-deleted-section:hover{border-color:#9ca3af;border-color:var(--gray-400)}.recently-deleted-toggle{align-items:center;background:#f9fafb;background:var(--gray-50);border:none;cursor:pointer;display:flex;font-family:inherit;gap:1rem;justify-content:space-between;padding:1.25rem 1.75rem;transition:background .2s ease;width:100%}.recently-deleted-toggle:hover{background:#f3f4f6;background:var(--gray-100)}.recently-deleted-toggle-left{align-items:center;display:flex;gap:1rem}.recently-deleted-icon-wrap{align-items:center;background:#fee2e2;border-radius:16px;border-radius:var(--radius-lg);color:#ef4444;color:var(--red);display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.recently-deleted-title{color:#1f2937;color:var(--gray-800);display:block;font-size:1rem;font-weight:700;text-align:left}.recently-deleted-count{color:#6b7280;color:var(--gray-500);display:block;font-size:.8125rem;font-weight:500}.recently-deleted-toggle-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.recently-deleted-hint{color:#6b7280;color:var(--gray-500);font-size:.8125rem;font-weight:500}.recently-deleted-chevron{color:#6b7280;color:var(--gray-500);transition:transform .3s ease}.recently-deleted-chevron.open{transform:rotate(90deg)}.recently-deleted-grid{grid-gap:1.5rem;background:#fff;background:var(--white);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1.5rem}.deleted-vehicle-card{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-xl);opacity:.85;overflow:hidden;transition:all .3s ease}.deleted-vehicle-card:hover{border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);opacity:1}.deleted-vehicle-photo{background:#f3f4f6;background:var(--gray-100);height:160px;overflow:hidden;position:relative;width:100%}.deleted-vehicle-photo img{filter:grayscale(60%);height:100%;object-fit:cover;width:100%}.deleted-vehicle-overlay{background:#00000040;inset:0;position:absolute}.deleted-vehicle-body{padding:1.25rem 1.5rem}.deleted-vehicle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.deleted-vehicle-icon{align-items:center;display:flex;height:2.25rem;justify-content:center;width:2.25rem}.deleted-vehicle-icon,.deleted-vehicle-type{background:#f3f4f6;background:var(--gray-100);border-radius:12px;border-radius:var(--radius-md);color:#6b7280;color:var(--gray-500)}.deleted-vehicle-type{font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.deleted-vehicle-plate{color:#374151;color:var(--gray-700);font-size:1.25rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .375rem}.deleted-vehicle-details{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500;margin:0 0 1rem}.deleted-vehicle-timer{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--gray-500);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.4rem;margin-bottom:1.25rem;padding:.375rem .875rem}.deleted-vehicle-timer.expiring-soon{background:#fee2e2;color:#ef4444;color:var(--red)}.deleted-vehicle-actions{display:flex;gap:.625rem}.permanent-delete-btn,.restore-btn{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.8125rem;font-weight:700;gap:.375rem;justify-content:center;letter-spacing:.04em;min-height:44px;padding:.75rem 1rem;text-transform:uppercase;transition:all .3s ease}.restore-btn{background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--primary-green-100) 100%);color:#059669;color:var(--primary-green-dark)}.restore-btn:hover{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white);transform:translateY(-2px)}.permanent-delete-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444;color:var(--red)}.permanent-delete-btn:hover{background:#ef4444;background:var(--red);box-shadow:0 8px 20px #ef44444d;color:#fff;color:var(--white);transform:translateY(-2px)}.permanent-delete-btn:disabled,.restore-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:767px){.recently-deleted-grid{grid-template-columns:1fr;padding:1rem}.recently-deleted-toggle{align-items:flex-start;flex-direction:column;gap:.5rem}.recently-deleted-toggle-right{align-self:flex-end}.recently-deleted-hint{display:none}}.vehicles-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.recently-deleted-pill{align-items:center;background:#fee2e2;border:1.5px solid #fecaca;border-radius:9999px;border-radius:var(--radius-full);color:#ef4444;color:var(--red);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .25s ease;white-space:nowrap}.recently-deleted-pill:hover{background:#fecaca;border-color:#ef4444;border-color:var(--red);box-shadow:0 4px 12px #ef444433;transform:translateY(-1px)}.rd-badge{background:#ef4444;background:var(--red);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:inline-flex;font-size:.75rem;font-weight:700;height:20px;line-height:1;min-width:20px;padding:0 5px}.rd-badge,.vd-modal-overlay{align-items:center;justify-content:center}.vd-modal-overlay{animation:vd-fade-in .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;padding:1.5rem;position:fixed;z-index:9000}@keyframes vd-fade-in{0%{opacity:0}to{opacity:1}}.vd-modal{animation:vd-slide-up .25s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 25px 60px #00000040;display:flex;flex-direction:column;max-height:80vh;max-width:560px;overflow:hidden;width:100%}@keyframes vd-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.vd-modal-header{align-items:center;background:linear-gradient(135deg,#fff5f5,#fff);background:linear-gradient(135deg,#fff5f5 0,var(--white) 100%);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 1.75rem}.vd-modal-header-left{align-items:center;display:flex;gap:1rem}.vd-modal-icon{align-items:center;background:#fee2e2;border-radius:16px;border-radius:var(--radius-lg);color:#ef4444;color:var(--red);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;width:2.75rem}.vd-modal-header h3{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700;margin:0 0 .2rem}.vd-modal-header p{color:#6b7280;color:var(--gray-500);font-size:.8125rem;font-weight:500;margin:0}.vd-modal-close{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:16px;border-radius:var(--radius-lg);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.625rem;transition:all .2s ease}.vd-modal-close:hover{background:#e5e7eb;background:var(--gray-200);color:#111827;color:var(--gray-900)}.vd-modal-body{flex:1 1;overflow-y:auto;padding:1.25rem 1.75rem}.vd-modal-body::-webkit-scrollbar{width:5px}.vd-modal-body::-webkit-scrollbar-track{background:#0000}.vd-modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--gray-200);border-radius:99px}.vd-list{display:flex;flex-direction:column;gap:.875rem}.vd-row{align-items:center;background:#f9fafb;background:var(--gray-50);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-xl);display:flex;gap:1rem;padding:1rem 1.125rem;transition:all .2s ease}.vd-row:hover{background:#fff;background:var(--white);border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.vd-row-thumb{align-items:center;background:#e5e7eb;background:var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:3.5rem;justify-content:center;overflow:hidden;width:3.5rem}.vd-row-thumb img{filter:grayscale(50%);height:100%;object-fit:cover;width:100%}.vd-row-info{flex:1 1;min-width:0}.vd-row-top{align-items:center;display:flex;gap:.625rem;margin-bottom:.25rem}.vd-row-plate{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:800;letter-spacing:-.01em}.vd-row-type{background:#e5e7eb;background:var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:.2rem .5rem;text-transform:uppercase}.vd-row-sub{font-size:.8125rem;font-weight:500;margin:0 0 .4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-row-sub,.vd-timer{color:#6b7280;color:var(--gray-500)}.vd-timer{align-items:center;background:#e5e7eb;background:var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.2rem .625rem}.vd-timer.soon{background:#fee2e2;color:#ef4444;color:var(--red)}.vd-row-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.vd-restore-btn{align-items:center;background:#ecfdf5;background:var(--primary-green-50);border:1.5px solid #a7f3d0;border:1.5px solid var(--primary-green-200);border-radius:16px;border-radius:var(--radius-lg);color:#059669;color:var(--primary-green-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:700;gap:.375rem;padding:.5rem 1rem;transition:all .25s ease;white-space:nowrap}.vd-restore-btn:hover{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);box-shadow:0 4px 12px #10b9814d;color:#fff;color:var(--white);transform:translateY(-1px)}.vd-perm-btn{align-items:center;background:#fee2e2;border:1.5px solid #fecaca;border-radius:16px;border-radius:var(--radius-lg);color:#ef4444;color:var(--red);cursor:pointer;display:inline-flex;flex-shrink:0;height:2.25rem;justify-content:center;transition:all .25s ease;width:2.25rem}.vd-perm-btn:hover{background:#ef4444;background:var(--red);border-color:#ef4444;border-color:var(--red);box-shadow:0 4px 12px #ef44444d;color:#fff;color:var(--white);transform:translateY(-1px)}.vd-perm-btn:disabled,.vd-restore-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}@media (max-width:767px){.vd-modal{border-radius:24px 24px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;bottom:0;left:0;max-height:90vh;max-width:100%;position:fixed;right:0}.vd-modal-overlay{align-items:flex-end;padding:0}.vd-row{flex-wrap:wrap}.vd-row-actions{justify-content:flex-end;width:100%}.vd-restore-btn{flex:1 1;justify-content:center}.vehicles-header-actions{justify-content:flex-end;width:100%}}.vr-toggle{background:#f3f4f6;background:var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:.5rem;margin-bottom:1.25rem;padding:.3rem}.vr-toggle-btn{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#6b7280;color:var(--gray-500);cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:.875rem;font-weight:600;gap:.4rem;justify-content:center;padding:.5rem .75rem;transition:all .2s ease}.vr-toggle-btn.active{background:#fff;background:var(--white);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#059669;color:var(--primary-green-dark)}.vr-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:1fr 1fr}.vr-span{grid-column:1/-1}.vr-section-label{color:#9ca3af;color:var(--gray-400);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding-top:.25rem;text-transform:uppercase}.vr-section-label span{color:#9ca3af;color:var(--gray-400);font-weight:500;letter-spacing:0;text-transform:none}.vr-companion-panel{grid-gap:.85rem;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-xl);display:grid;gap:.85rem;padding:1rem}.vr-companion-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.vr-companion-header h4{color:#111827;color:var(--gray-900);font-size:.95rem;margin:0 0 .25rem}.vr-companion-header p{color:#6b7280;color:var(--gray-500);font-size:.78rem;font-weight:600;margin:0}.vr-add-companion-btn{align-items:center;background:#fff;background:var(--white);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#059669;color:var(--primary-green-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:800;gap:.4rem;padding:.65rem .85rem;white-space:nowrap}.vr-companion-card{grid-gap:.75rem;background:#fff;background:var(--white);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);display:grid;gap:.75rem;padding:.9rem}.vr-companion-card-head{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;justify-content:space-between}.vr-companion-card-head button{align-items:center;background:#fee2e2;border:none;border-radius:12px;border-radius:var(--radius-md);color:#991b1b;cursor:pointer;display:inline-flex;height:2rem;justify-content:center;width:2rem}.vr-companion-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.vr-sidebar{align-self:flex-start;background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;position:-webkit-sticky;position:sticky;top:6rem}.vr-sidebar-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;padding-bottom:.875rem}.vr-sidebar-header h3{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:700;margin:0}.vr-count{background:#ecfdf5;background:var(--primary-green-50);border-radius:9999px;border-radius:var(--radius-full);color:#059669;color:var(--primary-green-dark);font-size:.75rem;font-weight:700;padding:.2rem .6rem}.vr-list{display:flex;flex-direction:column;gap:.625rem}.vr-item{align-items:flex-start;background:#f9fafb;background:var(--gray-50);border:1.5px solid #0000;border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:.75rem;padding:.875rem;transition:all .2s ease}.vr-item:hover{background:#fff;background:var(--white);border-color:#a7f3d0;border-color:var(--primary-green-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.vr-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--blue) 0,var(--blue-light) 100%);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:800;height:2.25rem;justify-content:center;width:2.25rem}.vr-item-info{flex:1 1;min-width:0}.vr-item-top{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.2rem}.vr-item-name{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:700}.vr-item-name,.vr-item-purpose{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr-item-purpose{color:#6b7280;color:var(--gray-500);margin:0 0 .15rem}.vr-item-date,.vr-item-purpose{font-size:.75rem;font-weight:500}.vr-item-date{color:#9ca3af;color:var(--gray-400);margin:0}.vr-status{border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;font-size:.6875rem;font-weight:700;letter-spacing:.04em;padding:.2rem .5rem;text-transform:uppercase}.vr-status.inside{background:#ecfdf5;background:var(--primary-green-50);color:#059669;color:var(--primary-green-dark)}.vr-status.exited{background:#e5e7eb;background:var(--gray-200);color:#4b5563;color:var(--gray-600)}.field-optional{color:#9ca3af;color:var(--gray-400);font-size:.75rem;font-weight:500;letter-spacing:0;text-transform:none}@media(max-width:767px){.vr-grid{grid-template-columns:1fr}.vr-span{grid-column:1}.vr-companion-header{align-items:flex-start;flex-direction:column}.vr-companion-grid{grid-template-columns:1fr}.vr-sidebar{position:static}}:root{--primary-green:#10b981;--primary-green-dark:#059669;--primary-green-light:#34d399;--primary-green-50:#ecfdf5;--primary-green-100:#d1fae5;--primary-green-200:#a7f3d0;--accent-emerald:#10b981;--accent-teal:#14b8a6;--accent-mint:#6ee7b7;--blue:#3b82f6;--blue-light:#60a5fa;--purple:#8b5cf6;--orange:#f97316;--yellow:#f59e0b;--cyan:#06b6d4;--red:#ef4444;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--red-100:#fee2e2;--text-red-700:#b91c1c;--yellow-100:#fef3c7;--text-yellow-700:#a16207;--purple-100:#f3e8ff;--text-purple-700:#7c3aed;--green-100:#dcfce7;--text-green-700:#15803d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-green:0 10px 30px -5px #10b9814d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem}.page-title h2{color:#111827;color:var(--gray-900);font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .25rem}.page-title p{color:#6b7280;color:var(--gray-500);font-size:.9375rem;font-weight:500;margin:0}.search-filter-section{align-items:stretch;display:flex;gap:.75rem;margin-bottom:1.25rem}.search-input-group{align-items:center;display:flex;flex:1 1;position:relative}.search-input{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;height:100%;padding:.75rem 1.25rem .75rem 3rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 4px #10b9811a;outline:none}.filter-toggle-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.filter-toggle-btn:hover{background:#ecfdf5;background:var(--primary-green-50);border-color:#10b981;border-color:var(--primary-green);color:#10b981;color:var(--primary-green)}.filter-toggle-btn svg:last-child{transition:transform .3s ease}.filters-panel{animation:slideDown .3s ease;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.25rem;padding:1rem 1.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:1rem}.filter-group label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem}.category-filter-btn{background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s ease}.category-filter-btn:hover{background:#ecfdf5;background:var(--primary-green-50);border-color:#10b981;border-color:var(--primary-green);color:#10b981;color:var(--primary-green)}.category-filter-btn.active{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-teal) 100%);border-color:#10b981;border-color:var(--primary-green);box-shadow:0 10px 30px -5px #10b9814d;box-shadow:var(--shadow-green);color:#fff;color:var(--white)}.announcements-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem}.summary-item{align-items:center;background:#fff;background:var(--white);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:.875rem;padding:1rem 1.25rem;transition:all .3s ease}.summary-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;justify-content:center;padding:.625rem}.summary-info{flex:1 1;min-width:0}.summary-label{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:600;margin:0 0 .125rem}.summary-value{color:#111827;color:var(--gray-900);font-size:1.375rem;font-weight:800;margin:0}.empty-state,.loading-container{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:4rem;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#10b981;border:3px solid var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--primary-green);display:inline-block;height:3rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#4b5563;color:var(--gray-600);font-weight:500;margin-top:1.5rem}.empty-icon{align-items:center;background:#ecfdf5;background:var(--primary-green-50);border-radius:9999px;border-radius:var(--radius-full);display:flex;height:5rem;justify-content:center;margin:0 auto 1.5rem;width:5rem}.empty-state h3{color:#1f2937;color:var(--gray-800);font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.empty-state p{color:#4b5563;color:var(--gray-600);font-size:1.0625rem;margin:0}.announcements-list{display:flex;flex-direction:column;gap:1.5rem}.announcement-item{background:#fff;background:var(--white);border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.announcement-item:hover{border-color:#a7f3d0;border-color:var(--primary-green-200);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.announcement-header{padding:2rem 2rem 1rem}.announcement-title-section{display:flex;flex-direction:column;gap:1rem}.announcement-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.announcement-title-row h3{color:#111827;color:var(--gray-900);flex:1 1;font-size:1.375rem;font-weight:700;line-height:1.3;margin:0;min-width:200px}.category-badge{align-items:center;border-radius:16px;border-radius:var(--radius-lg);display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.05em;min-width:80px;padding:.5rem 1rem;text-transform:uppercase}.announcement-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.875rem;font-weight:500;gap:.375rem}.meta-item svg{flex-shrink:0}.announcement-content{padding:0 1.5rem .75rem}.content-text{overflow:hidden;position:relative;transition:all .3s ease}.content-text:not(.expanded){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-height:3.6rem}.content-text.expanded{max-height:none}.content-text p{color:#374151;color:var(--gray-700);font-size:.9375rem;font-weight:500;line-height:1.6;margin:0}.expand-btn{align-items:center;background:#ecfdf5;background:var(--primary-green-50);border:1px solid #a7f3d0;border:1px solid var(--primary-green-200);border-radius:16px;border-radius:var(--radius-lg);color:#10b981;color:var(--primary-green);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;transition:all .3s ease}.expand-btn:hover{background:#10b981;background:var(--primary-green);color:#fff;color:var(--white);transform:translateY(-1px)}.announcement-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);padding:1rem 2rem 2rem}.footer-info{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.8125rem;font-weight:500;gap:.5rem}.bg-blue-50{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.bg-green-50{background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-green-50) 0,var(--primary-green-100) 100%)}.bg-red-50{background:linear-gradient(135deg,#fee2e2,#fecaca)}.bg-orange-50{background:linear-gradient(135deg,#ffedd5,#fed7aa)}.bg-gray-50{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--gray-50) 0,#f3f4f6 100%)}.text-blue-600{color:#3b82f6;color:var(--blue)}.text-green-600{color:#10b981;color:var(--primary-green)}.text-red-600{color:#ef4444;color:var(--red)}.text-orange-600{color:#f97316;color:var(--orange)}.text-gray-600{color:#4b5563;color:var(--gray-600)}.bg-red-100{background:#fee2e2;background:var(--red-100);color:#b91c1c;color:var(--text-red-700)}.bg-yellow-100{background:#fef3c7;background:var(--yellow-100);color:#a16207;color:var(--text-yellow-700)}.bg-purple-100{background:#f3e8ff;background:var(--purple-100);color:#7c3aed;color:var(--text-purple-700)}.bg-green-100{background:#dcfce7;background:var(--green-100);color:#15803d;color:var(--text-green-700)}@media (max-width:1024px){.announcements-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-item{padding:1.25rem}.summary-value{font-size:1.375rem}}@media (max-width:767px){.page-header{align-items:stretch;flex-direction:column;gap:.75rem}.page-title h2{font-size:1.5rem}.page-title p{font-size:.9375rem}.search-filter-section{flex-direction:column;gap:.75rem}.search-input-group{min-width:100%}.filter-toggle-btn{justify-content:center;width:100%}.announcements-summary{gap:1rem;grid-template-columns:1fr}.summary-item{padding:1.25rem}.announcement-content,.announcement-footer,.announcement-header{padding-left:1.5rem;padding-right:1.5rem}.announcement-header{padding-bottom:.75rem;padding-top:1.5rem}.announcement-footer{padding-bottom:1.5rem;padding-top:.75rem}.announcement-title-row{align-items:flex-start;flex-direction:column;gap:.75rem}.announcement-title-row h3{font-size:1.25rem;min-width:auto;width:100%}.category-badge{align-self:flex-start}.announcement-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.category-filters{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.category-filter-btn{justify-content:center;text-align:center}.filters-panel{padding:1.25rem}}@media (max-width:480px){.page-title h2{font-size:1.375rem}.page-title p{font-size:.875rem}.search-input{font-size:.9375rem;padding:.875rem 1.25rem .875rem 3rem}.filter-toggle-btn{font-size:.875rem;padding:.875rem 1.25rem}.announcements-list{display:flex;flex-direction:column;gap:1rem}.announcement-header{padding:1.25rem 1.5rem .75rem}.announcement-content{padding:0 1.5rem .75rem}.announcement-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);padding:.75rem 1.5rem}.announcement-title-row h3{font-size:1.125rem}.category-badge{font-size:.6875rem;min-width:70px;padding:.375rem .75rem}.meta-item{font-size:.8125rem}.content-text p{font-size:.875rem}.expand-btn{font-size:.8125rem;padding:.5rem .875rem}.footer-info,.summary-label{font-size:.75rem}.summary-value{font-size:1.25rem}.summary-icon{padding:.625rem}.category-filters{grid-template-columns:1fr}.category-filter-btn{width:100%}.empty-state,.loading-container{padding:3rem 1.5rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9375rem}.empty-icon{height:4rem;width:4rem}}@media (max-width:374px){.page-title h2{font-size:1.25rem}.announcement-title-row h3{font-size:1rem}.summary-value{font-size:1.125rem}.category-badge{font-size:.625rem;min-width:60px;padding:.375rem .625rem}}@media (max-height:500px) and (orientation:landscape){.empty-state,.loading-container{padding:2rem 1.5rem}.empty-icon{height:3.5rem;width:3.5rem}}@media (hover:none) and (pointer:coarse){.category-filter-btn,.expand-btn,.filter-toggle-btn{min-height:44px}}.facility-shell{grid-gap:1.25rem;display:grid;gap:1.25rem}.facility-action-btn{align-items:center;display:inline-flex;gap:.5rem}.facility-hero-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.6fr 1fr}.facility-form-card,.facility-hero-card,.facility-list-card,.facility-qr-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 18px 40px #0f172a14}.facility-hero-card{background:radial-gradient(circle at top right,#10b9812e,#0000 28%),linear-gradient(180deg,#fff,#f8fffc);display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding:1.5rem}.facility-chip{align-items:center;background:#e8fff3;border-radius:999px;color:#047857;display:inline-flex;font-size:.78rem;font-weight:700;gap:.35rem;padding:.45rem .75rem}.facility-hero-copy h3{font-size:1.8rem;line-height:1.15;margin:.8rem 0 .4rem}.facility-hero-copy p{color:#64748b;line-height:1.6;margin:0}.facility-rate-list{grid-gap:.75rem;display:grid;gap:.75rem}.facility-rate-item{align-items:center;background:#ffffffdb;border:1px solid #d1fae5;border-radius:18px;display:flex;justify-content:space-between;padding:.9rem 1rem}.facility-rate-item strong{color:#0f172a}.facility-rate-item span{color:#047857;font-weight:700}.facility-qr-card{grid-gap:1rem;display:grid;gap:1rem;justify-items:center;padding:1.5rem;text-align:center}.facility-qr-header h3{align-items:center;display:inline-flex;gap:.45rem;margin:0}.facility-qr-header p{color:#64748b;margin:.45rem 0 0}.facility-qr-image{background:#fff;border:1px solid #e5e7eb;border-radius:20px;height:190px;object-fit:contain;padding:.65rem;width:190px}.facility-qr-empty{background:#fff7ed;border-radius:16px;color:#c2410c;padding:.9rem 1rem}.facility-qr-empty,.facility-qr-view-btn{align-items:center;display:inline-flex;gap:.45rem}.facility-qr-view-btn{background:#e8fff3;border:2px solid #a7f3d0;border-radius:16px;color:#047857;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;justify-content:center;padding:.85rem 1rem;transition:all .3s ease;width:100%}.facility-qr-view-btn:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 10px 24px #10b98140;color:#fff}.facility-form-card,.facility-list-card{padding:1.5rem}.facility-form-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.facility-form-head h3,.facility-list-head h3{font-size:1.35rem;margin:0}.facility-form-head p,.facility-list-head p{color:#64748b;margin:.35rem 0 0}.facility-selected-preview{grid-gap:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:18px;display:grid;gap:1rem;grid-template-columns:220px 1fr;margin-bottom:1rem;padding:1rem}.facility-selected-image{border-radius:14px;height:180px;object-fit:cover;width:100%}.facility-selected-copy{grid-gap:.45rem;align-content:center;display:grid;gap:.45rem}.facility-selected-copy strong{color:#0f172a;font-size:1rem}.facility-selected-copy p{color:#64748b;line-height:1.6;margin:0}.facility-form-price{align-items:center;background:#eff6ff;border-radius:16px;color:#1d4ed8;display:inline-flex;font-weight:700;gap:.45rem;padding:.8rem 1rem}.facility-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.facility-form-field{grid-gap:.45rem;display:grid;gap:.45rem}.facility-form-field span{color:#334155;font-weight:700}.facility-form-span{grid-column:1/-1}.facility-payment-note{align-items:flex-start;border-radius:18px;display:flex;gap:.8rem;grid-column:1/-1;padding:1rem 1.1rem}.facility-payment-note strong{display:block;margin-bottom:.2rem}.facility-payment-note p{line-height:1.55;margin:0}.facility-payment-note.needs-payment{background:#fff7ed;color:#c2410c}.facility-payment-note.free-payment{background:#ecfdf5;color:#047857}.facility-submit-btn{align-items:center;display:inline-flex;gap:.45rem;grid-column:1/-1;justify-content:center}.facility-card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.facility-reservation-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:22px;overflow:hidden}.facility-card-top{align-items:flex-start;border-bottom:1px solid #eef2f7;display:flex;gap:1rem;justify-content:space-between;padding:1.2rem 1.2rem 1rem}.facility-card-top h4{font-size:1.18rem;margin:0}.facility-card-top p{color:#64748b;font-weight:600;margin:.3rem 0 0}.facility-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:800;gap:.35rem;padding:.45rem .75rem}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.status-expired{background:#e5e7eb;color:#4b5563}.facility-card-body{grid-gap:.85rem;display:grid;gap:.85rem;padding:1rem 1.2rem}.facility-detail-row{align-items:flex-start;display:flex;gap:.7rem}.facility-detail-row strong,.facility-purpose-box strong,.facility-reject-box strong{color:#0f172a;display:block;margin-bottom:.2rem}.facility-detail-row p,.facility-purpose-box p,.facility-reject-box p{color:#64748b;line-height:1.55;margin:0}.facility-purpose-box,.facility-reject-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:.9rem 1rem}.facility-approved-box,.facility-payment-strip{align-items:center;border-radius:16px;display:flex;gap:.8rem;justify-content:space-between;padding:.9rem 1rem}.facility-payment-strip strong{display:block;margin-bottom:.2rem}.facility-approved-box span,.facility-payment-strip p{margin:0}.facility-payment-strip.paid-required{background:#eff6ff;color:#1d4ed8}.facility-approved-box,.facility-payment-strip.paid-free{background:#ecfdf5;color:#047857}.facility-reject-box{background:#fff1f2;border-color:#fecdd3}.facility-card-footer{grid-gap:.8rem;border-top:1px solid #eef2f7;display:grid;gap:.8rem;padding:1rem 1.2rem 1.2rem}.facility-upload-stack{grid-gap:.7rem;display:grid;gap:.7rem}.empty-state,.loading-state{padding:3.4rem 1.2rem;text-align:center}.empty-state p,.loading-state p{color:#64748b}@media (max-width:960px){.facility-form-grid,.facility-hero-grid,.facility-selected-preview{grid-template-columns:1fr}.facility-form-price{justify-content:center;width:100%}}@media (max-width:720px){.facility-card-grid{grid-template-columns:1fr}.facility-approved-box,.facility-form-head,.facility-payment-strip{align-items:flex-start;flex-direction:column}}.resident-billing-root{grid-gap:1rem;display:grid;gap:1rem}.resident-billing-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.resident-billing-card,.resident-billing-qr-card,.resident-billing-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 12px 30px #0f172a0f}.resident-billing-card{align-items:center;color:#047857;display:flex;gap:.85rem;padding:1rem 1.1rem}.resident-billing-card p{color:#6b7280;font-size:.85rem;margin:0}.resident-billing-card strong{color:#111827;font-size:1.2rem}.resident-billing-year-nav{align-items:center;display:flex;gap:1rem;justify-content:center}.resident-billing-year-nav button{align-items:center;background:#e8fff3;border:none;border-radius:999px;color:#047857;cursor:pointer;display:inline-flex;font-weight:700;gap:.35rem;padding:.55rem .9rem}.resident-billing-year-nav button:disabled{cursor:not-allowed;opacity:.55}.resident-billing-year-nav span{color:#111827;font-size:1.05rem;font-weight:800}.resident-billing-qr-card{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem}.resident-billing-qr-text h3{align-items:center;display:inline-flex;gap:.45rem;margin:0 0 .45rem}.resident-billing-qr-text p,.resident-billing-upload-copy p{color:#6b7280;line-height:1.55;margin:0}.resident-billing-qr-image{background:#fff;border:1px solid #e5e7eb;border-radius:16px;height:160px;object-fit:contain;padding:.5rem;width:160px}.resident-billing-qr-open-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 6px 16px #10b98140;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.4rem;padding:.75rem 1rem}.resident-billing-qr-open-btn:hover{box-shadow:0 10px 22px #10b9814d;transform:translateY(-1px)}.resident-billing-qr-empty{align-items:center;background:#fff7ed;border-radius:14px;color:#c2410c;display:inline-flex;gap:.5rem;padding:.9rem 1rem}.resident-billing-table-card{overflow:hidden}.resident-billing-table{border-collapse:collapse;width:100%}.resident-billing-table td,.resident-billing-table th{border-bottom:1px solid #eef2f7;padding:.95rem 1rem;text-align:left;vertical-align:middle}.resident-billing-table th{background:#f8fafc;color:#475569;font-size:.84rem}.resident-billing-status{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;padding:.4rem .7rem}.resident-billing-status.paid{background:#dcfce7;color:#166534}.resident-billing-status.pending{background:#fef3c7;color:#92400e}.resident-billing-status.past-due,.resident-billing-status.rejected{background:#fee2e2;color:#991b1b}.resident-billing-status.unpaid{background:#e0f2fe;color:#075985}.resident-billing-cancel-btn,.resident-billing-pay-btn,.resident-billing-submit-btn,.resident-billing-view-btn{border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:.6rem .9rem}.resident-billing-cancel-btn,.resident-billing-view-btn{align-items:center;background:#f3f4f6;color:#1f2937;display:inline-flex;gap:.35rem}.resident-billing-pay-btn,.resident-billing-submit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.resident-billing-upload-row td{background:#f0fdf4}.resident-billing-upload-card{align-items:center;display:flex;gap:1rem;justify-content:space-between}.resident-billing-upload-copy h4{margin:0 0 .35rem}.resident-billing-remarks-note{color:#92400e!important;margin-top:.45rem!important}.resident-billing-upload-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.resident-billing-file-label{align-items:center;background:#fff;border:1px dashed #10b981;border-radius:12px;color:#047857;cursor:pointer;display:inline-flex;font-weight:700;gap:.45rem;padding:.7rem .9rem}.resident-billing-file-label input{display:none}.resident-billing-modal{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.resident-billing-modal-card{background:#fff;border-radius:18px;max-height:90vh;overflow:auto;padding:1rem;width:min(760px,100%)}.resident-billing-modal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.resident-billing-modal-head button{background:#0000;border:none;cursor:pointer}.resident-billing-frame,.resident-billing-image{border:none;border-radius:14px;min-height:460px;object-fit:contain;width:100%}@media (max-width:960px){.resident-billing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.resident-billing-qr-card,.resident-billing-upload-card{align-items:flex-start;flex-direction:column}.resident-billing-upload-actions{justify-content:flex-start}}@media (max-width:720px){.resident-billing-summary{grid-template-columns:1fr}.resident-billing-table-card{overflow-x:auto}.resident-billing-table{min-width:760px}}.resident-billing-root{gap:1.25rem}.resident-billing-card,.resident-billing-modal-card,.resident-billing-qr-card,.resident-billing-table-card{border-color:#d1fae5e6;box-shadow:0 20px 44px #0f172a14}.resident-billing-card{background:radial-gradient(circle at top right,#10b9812e,#0000 34%),linear-gradient(180deg,#fffffffa,#f7fffbf5)}.resident-billing-cancel-btn,.resident-billing-file-label,.resident-billing-pay-btn,.resident-billing-submit-btn,.resident-billing-view-btn,.resident-billing-year-nav button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.resident-billing-cancel-btn:hover,.resident-billing-file-label:hover,.resident-billing-pay-btn:hover,.resident-billing-submit-btn:hover,.resident-billing-view-btn:hover,.resident-billing-year-nav button:hover:not(:disabled){transform:translateY(-1px)}.resident-billing-qr-card{background:radial-gradient(circle at top left,#0ea5a424,#0000 32%),linear-gradient(180deg,#fff,#f7fcfb)}.resident-billing-table th{background:linear-gradient(180deg,#f8fffb,#f0f7f3);font-weight:800;letter-spacing:.02em}.resident-billing-table tbody tr{transition:background-color .18s ease}.resident-billing-table tbody tr:hover td{background:#f0fdf49e}.resident-billing-upload-row td{background:linear-gradient(180deg,#f0fdf4,#ecfdf5)}.resident-billing-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.resident-billing-modal-card{padding:1.2rem}.resident-complaint-shell{grid-gap:1rem;display:grid;gap:1rem}.resident-complaint-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.resident-complaint-card,.resident-complaint-form-card,.resident-complaint-list-card,.resident-complaint-stat{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 12px 30px #0f172a0f}.resident-complaint-stat{align-items:center;color:#047857;display:flex;gap:.8rem;padding:1rem 1.1rem}.resident-complaint-card-top p,.resident-complaint-form-head p,.resident-complaint-list-head p,.resident-complaint-stat p{color:#6b7280;margin:0}.resident-complaint-stat strong{color:#111827;font-size:1.2rem}.resident-complaint-form-card,.resident-complaint-list-card{padding:1.25rem}.resident-complaint-form-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.resident-complaint-form-head h3,.resident-complaint-list-head h3{font-size:1.3rem;margin:0}.resident-complaint-type-toggle{display:flex;flex-wrap:wrap;gap:.5rem}.resident-complaint-type-toggle button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:700;gap:.4rem;padding:.7rem .9rem;transition:all .2s ease}.resident-complaint-type-toggle button.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.resident-complaint-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.resident-complaint-field{grid-gap:.45rem;display:grid;gap:.45rem}.resident-complaint-field span{color:#374151;font-weight:700}.resident-complaint-field small{color:#6b7280;font-size:.78rem}.resident-complaint-field em{color:#6b7280;font-style:normal;font-weight:600}.resident-complaint-span{grid-column:1/-1}.resident-complaint-upload-label{align-items:center;background:#fff;border:1px dashed #10b981;border-radius:12px;color:#047857;cursor:pointer;display:inline-flex;font-weight:700;gap:.45rem;padding:.8rem 1rem;width:-webkit-fit-content;width:fit-content}.resident-complaint-upload-label input{display:none}.resident-complaint-submit-btn{align-items:center;display:inline-flex;gap:.45rem;grid-column:1/-1;justify-content:center}.resident-complaint-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.resident-complaint-card{overflow:hidden}.resident-complaint-card-top{align-items:flex-start;background:linear-gradient(135deg,#ecfdf5,#fff);border-bottom:1px solid #eef2f7;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1rem .85rem}.resident-complaint-card-top h4{color:#111827;font-size:1rem;margin:0}.resident-complaint-card-top p{font-size:.82rem;margin-top:.25rem}.resident-complaint-status{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;padding:.4rem .7rem}.resident-complaint-status.new{background:#dbeafe;color:#1d4ed8}.resident-complaint-status.review{background:#fef3c7;color:#92400e}.resident-complaint-status.resolved{background:#dcfce7;color:#166534}.resident-complaint-status.dismissed{background:#fee2e2;color:#991b1b}.resident-complaint-card-body{grid-gap:.8rem;display:grid;gap:.8rem;padding:1rem}.resident-complaint-admin-note,.resident-complaint-info-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:.9rem 1rem}.resident-complaint-admin-note{background:#eff6ff;border-color:#bfdbfe}.resident-complaint-admin-note strong,.resident-complaint-info-box strong{color:#111827;display:block;margin-bottom:.3rem}.resident-complaint-admin-note p,.resident-complaint-info-box p{color:#4b5563;line-height:1.55;margin:0}.resident-complaint-photo-btn{align-items:center;background:#eff6ff;border:none;border-radius:12px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.4rem;justify-content:center;padding:.75rem .95rem}@media (max-width:960px){.resident-complaint-form-grid,.resident-complaint-summary{grid-template-columns:1fr}.resident-complaint-form-head{flex-direction:column}}@media (max-width:720px){.resident-complaint-grid{grid-template-columns:1fr}.resident-complaint-card-top{flex-direction:column}}.resident-doc-shell{grid-gap:1rem;display:grid;gap:1rem}.resident-doc-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.resident-doc-card,.resident-doc-stat,.resident-doc-submission-card,.resident-doc-template-item{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.resident-doc-stat{padding:1rem 1.1rem}.resident-doc-card-head p,.resident-doc-detail-box p,.resident-doc-remarks-box p,.resident-doc-stat p,.resident-doc-submission-top p,.resident-doc-template-item p{color:var(--gray-500);margin:0}.resident-doc-stat strong{color:var(--gray-900);display:block;font-size:1.35rem;margin-top:.25rem}.resident-doc-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.1fr 1fr}.resident-doc-card{padding:1.2rem}.resident-doc-card-head{margin-bottom:1rem}.resident-doc-card-head h3,.resident-doc-submission-top h4,.resident-doc-template-item h4{color:var(--gray-900);margin:0}.resident-doc-submission-list,.resident-doc-template-list{grid-gap:.9rem;display:grid;gap:.9rem}.resident-doc-submission-card,.resident-doc-template-item{padding:1rem}.resident-doc-template-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.resident-doc-download-btn,.resident-doc-secondary-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.4rem;padding:.75rem .95rem}.resident-doc-download-btn{background:#eff6ff;color:#1d4ed8}.resident-doc-secondary-btn{background:var(--gray-100);color:var(--gray-700)}.resident-doc-upload{align-items:center;border:1px dashed var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.9rem 1rem}.resident-doc-upload input{display:none}.resident-doc-form{grid-gap:1rem;display:grid;gap:1rem}.resident-doc-file-actions,.resident-doc-form-actions{display:flex;flex-wrap:wrap;gap:.7rem}.resident-doc-submission-top{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.resident-doc-type-pill{background:var(--primary-green-50);color:var(--primary-green-dark);margin-bottom:.5rem;padding:.35rem .75rem}.resident-doc-status,.resident-doc-type-pill{border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:700}.resident-doc-status{padding:.38rem .72rem}.resident-doc-status.pending{background:#dbeafe;color:#1d4ed8}.resident-doc-status.review{background:#fef3c7;color:#92400e}.resident-doc-status.approved{background:#dcfce7;color:#166534}.resident-doc-status.rejected{background:#fee2e2;color:#991b1b}.resident-doc-detail-box,.resident-doc-remarks-box{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);margin-top:.85rem;padding:.9rem 1rem}.resident-doc-remarks-box{background:#eff6ff;border-color:#bfdbfe}.resident-doc-detail-box strong,.resident-doc-remarks-box strong{color:var(--gray-800);display:block;margin-bottom:.35rem}.resident-doc-preview-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a9e;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:10000}.resident-doc-preview-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:0 25px 60px #0f172a47;max-height:92vh;overflow:auto;padding:1rem;width:min(900px,100%)}.resident-doc-preview-card-head{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.resident-doc-preview-card-head h3{color:var(--gray-900);font-size:1rem;margin:0}.resident-doc-preview-card-head button{background:var(--gray-100);border:none;border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;height:2.25rem;width:2.25rem}.resident-doc-preview-message{align-items:center;color:var(--gray-600);display:flex;flex-direction:column;font-weight:700;gap:.85rem;justify-content:center;min-height:360px;text-align:center}.resident-doc-preview-message p{margin:0}.resident-doc-preview-error{color:#991b1b}.resident-doc-preview-frame{border:none;border-radius:0 0 var(--radius-xl) var(--radius-xl);height:70vh;width:100%}.resident-doc-preview-image{background:var(--gray-50);border-radius:var(--radius-xl);max-height:75vh;object-fit:contain;width:100%}@media (max-width:960px){.resident-doc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.resident-doc-layout{grid-template-columns:1fr}}@media (max-width:720px){.resident-doc-summary{grid-template-columns:1fr}.resident-doc-submission-top,.resident-doc-template-item{flex-direction:column}}.contact-hoa-resident-root{display:flex;flex-direction:column;gap:1rem}.contact-hoa-resident-card,.contact-hoa-resident-loading{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.contact-hoa-resident-loading{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;gap:.85rem;justify-content:center;padding:3.5rem 1.5rem}.contact-hoa-resident-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.contact-hoa-resident-card{padding:1.2rem}.contact-hoa-resident-card-head{margin-bottom:1rem}.contact-hoa-resident-card-head h3{color:var(--gray-900);margin:0 0 .3rem}.contact-hoa-resident-card-head p{color:var(--gray-500);line-height:1.6;margin:0}.contact-hoa-resident-image-frame{align-items:center;background:radial-gradient(circle at top left,#10b9811f,#0000 28%),linear-gradient(180deg,#fff,#f8fffb);border:1px solid var(--gray-200);border-radius:24px;display:flex;justify-content:center;min-height:360px;overflow:hidden}.contact-hoa-resident-image-frame img{background:var(--white);height:100%;object-fit:contain;width:100%}.contact-hoa-resident-empty{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:2rem;text-align:center}.contact-hoa-resident-contact-list{grid-gap:.85rem;display:grid;gap:.85rem}.contact-hoa-resident-contact{align-items:center;background:linear-gradient(180deg,#fff,#fbfffd);border:1px solid var(--gray-200);border-radius:20px;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.contact-hoa-resident-type{align-items:center;background:var(--primary-green-50);border-radius:999px;color:var(--primary-green-dark);display:inline-flex;font-size:.74rem;font-weight:700;margin-bottom:.55rem;padding:.32rem .7rem}.contact-hoa-resident-contact h4{color:var(--gray-900);margin:0}.contact-hoa-resident-link{align-items:center;background:#eff6ff;border-radius:var(--radius-lg);color:#1d4ed8;display:inline-flex;font-weight:700;gap:.45rem;padding:.85rem .95rem;text-decoration:none;white-space:nowrap}.contact-hoa-resident-link:hover{background:#dbeafe}.spin{animation:contact-hoa-resident-spin .8s linear infinite}@keyframes contact-hoa-resident-spin{to{transform:rotate(1turn)}}@media (max-width:960px){.contact-hoa-resident-layout{grid-template-columns:1fr}}@media (max-width:640px){.contact-hoa-resident-contact{align-items:flex-start;flex-direction:column}.contact-hoa-resident-link{justify-content:center;width:100%}}
/*# sourceMappingURL=main.27cf825c.css.map*/