@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.toast{position:fixed;top:100px;right:20px;min-width:300px;max-width:500px;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;gap:.75rem;z-index:10000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{font-size:1.5rem;flex-shrink:0}.toast-message{flex:1;font-size:.95rem;font-weight:500;color:#333}.toast-close{background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#0000000d;color:#333}.toast-success{border-left:4px solid #4CAF50}.toast-error{border-left:4px solid #F44336}.toast-warning{border-left:4px solid #FFC107}.toast-info{border-left:4px solid #2196F3}@media (max-width: 768px){.toast{right:10px;left:10px;min-width:auto;max-width:none}}.sidebar-wrapper{position:relative}.sidebar{position:fixed;left:0;top:0;height:100vh;background:#fff;color:#1e293b;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:999;border-right:1px solid #E2E8F0;overflow-y:auto;overflow-x:hidden}.sidebar.open{width:260px}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:.625rem;border-radius:12px}.sidebar.collapsed .sidebar-nav-item.active{border-radius:12px;width:44px;height:44px;margin:0 auto}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1rem .5rem}.sidebar.collapsed .brand-logo{width:32px;height:32px}.sidebar-profile-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;color:#475569;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem;white-space:nowrap;text-decoration:none}.sidebar-profile-btn:hover{background:#f1f5f9;color:#1e293b}.sidebar-profile-btn.active{background:#f1f5f9;color:#0f172a;font-weight:600}.profile-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#64748b}.sidebar-profile-btn:hover .profile-icon,.sidebar-profile-btn.active .profile-icon{color:#0052cc}.profile-label{font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-footer{align-items:center;padding:.75rem .5rem}.sidebar.collapsed .sidebar-profile-btn,.sidebar.collapsed .sidebar-logout-btn{justify-content:center;padding:.625rem;border-radius:12px;width:44px;height:44px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar.collapsed .dropdown-menu,.sidebar.collapsed .dropdown-chevron{display:none}@media (max-width: 1440px){.sidebar.open{width:250px}.sidebar.collapsed{width:68px}}@media (max-width: 1024px){.sidebar.open{width:240px}.sidebar.collapsed{width:64px}.sidebar-header{padding:1rem .75rem}.sidebar-nav{padding:.75rem .5rem;gap:.2rem}.sidebar-nav-item,.sidebar-logout-btn,.sidebar-profile-btn{padding:.55rem .65rem;font-size:.875rem}}@media (max-width: 900px){.sidebar.open{width:220px}.sidebar.collapsed{width:60px}.sidebar-nav-item{padding:.5rem .6rem;font-size:.85rem}}@media (max-width: 768px){.mobile-hamburger{display:flex}.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:999}.sidebar.open{width:260px;box-shadow:4px 0 20px #0000001a}.sidebar.collapsed{width:0;border-right:none}.sidebar-overlay,.sidebar-expand-btn{display:none}.sidebar-header{padding:1rem}.sidebar-nav{padding:.75rem .5rem;gap:.2rem}.sidebar-nav-item{padding:.55rem .6rem;font-size:.85rem;gap:.65rem}.sidebar-footer{padding:.75rem .5rem;gap:.25rem}.sidebar-profile-btn,.sidebar-logout-btn{padding:.55rem .6rem;font-size:.85rem;gap:.65rem}.logout-dialog{width:90%;padding:1.5rem}.dialog-title{font-size:1.1rem}.dialog-message{font-size:.9rem}}@media (max-width: 600px){.sidebar.open{width:100%}.sidebar-header{padding:.75rem}.brand-text{font-size:.95rem}.brand-logo{width:30px;height:30px}.sidebar-toggle{width:28px;height:28px}.sidebar-nav{padding:.5rem .4rem;gap:.15rem}.sidebar-nav-item{padding:.5rem;font-size:.8rem;gap:.5rem}.sidebar-footer{padding:.5rem .4rem;gap:.2rem}.sidebar-profile-btn,.sidebar-logout-btn{padding:.5rem;font-size:.8rem;gap:.5rem}.logout-dialog{width:92%;padding:1.25rem}.dialog-title{font-size:1rem}.dialog-message{font-size:.85rem}.dialog-actions{gap:.5rem}}@media (max-width: 480px){.sidebar.open{width:100%}.sidebar-header{padding:.65rem}.brand-text{font-size:.9rem}.brand-logo{width:28px;height:28px}.sidebar-toggle{width:26px;height:26px}.sidebar-nav{padding:.5rem .35rem;gap:.1rem}.sidebar-nav-item{padding:.45rem;font-size:.75rem;gap:.4rem}.sidebar-footer{padding:.5rem .35rem;gap:.15rem}.sidebar-profile-btn,.sidebar-logout-btn{padding:.45rem;font-size:.75rem;gap:.4rem}.logout-dialog{width:90%;padding:1rem}.dialog-title{font-size:.95rem}.dialog-message{font-size:.8rem}}.notif-bell-wrapper{position:relative}.notif-bell-btn{position:relative;background:transparent;border:none;cursor:pointer;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.notif-bell-btn:hover{background:#f1f5f9;color:#1e293b}.notif-bell-btn.has-unread{color:#1e293b}.notif-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;box-shadow:0 0 0 2px #fff;animation:notifPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes notifPop{0%{transform:scale(0)}to{transform:scale(1)}}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:360px;max-height:420px;background:#fff;border:1px solid #E2E8F0;border-radius:14px;box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f;z-index:9999;display:flex;flex-direction:column;animation:notifSlideIn .2s ease-out;overflow:hidden}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #F1F5F9;flex-shrink:0}.notif-dropdown-title{font-size:.95rem;font-weight:700;color:#0f172a;margin:0}.notif-mark-all-btn{background:none;border:none;color:#0052cc;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.notif-mark-all-btn:hover{background:#ebf5ff}.notif-dropdown-list{flex:1;overflow-y:auto;padding:4px 0}.notif-dropdown-list::-webkit-scrollbar{width:4px}.notif-dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s ease;border:none;background:none;width:100%;text-align:left}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#eff6ff}.notif-item.unread:hover{background:#dbeafe}.notif-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon.announcement{background:#dbeafe;color:#2563eb}.notif-icon.event{background:#ede9fe;color:#7c3aed}.notif-icon.alert{background:#fee2e2;color:#dc2626}.notif-icon.household{background:#d1fae5;color:#059669}.notif-icon.resident{background:#fef3c7;color:#d97706}.notif-icon.system{background:#f1f5f9;color:#475569}.notif-content{flex:1;min-width:0}.notif-title{font-size:.85rem;font-weight:600;color:#0f172a;margin:0 0 2px;line-height:1.3}.notif-message{font-size:.8rem;color:#64748b;margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time{font-size:.7rem;color:#94a3b8;font-weight:500}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:#0052cc;flex-shrink:0;margin-top:6px}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;gap:8px}.notif-empty-icon{color:#cbd5e1}.notif-empty p{font-size:.85rem;margin:0}@media (max-width: 480px){.notif-dropdown{min-width:300px;right:-60px}}.top-header{position:fixed;top:0;right:0;height:64px;background:#fff;border-bottom:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:998;transition:left .3s cubic-bezier(.4,0,.2,1)}body.sidebar-expanded .top-header{left:260px}body.sidebar-collapsed .top-header{left:72px}.top-header-left{display:flex;align-items:center;gap:8px}.top-header-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0;white-space:nowrap}.top-header-right{display:flex;align-items:center;gap:8px}.top-header-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0052cc,#06f);color:#fff;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0052cc40}.top-header-avatar:hover{transform:scale(1.08);box-shadow:0 3px 10px #0052cc59}@media (max-width: 1440px){body.sidebar-expanded .top-header{left:250px}body.sidebar-collapsed .top-header{left:68px}}@media (max-width: 1024px){body.sidebar-expanded .top-header{left:240px}body.sidebar-collapsed .top-header{left:64px}}@media (max-width: 900px){body.sidebar-expanded .top-header{left:220px}body.sidebar-collapsed .top-header{left:60px}}@media (max-width: 768px){.top-header{left:0!important;padding:0 16px 0 60px}}@media (max-width: 480px){.top-header{padding:0 12px 0 56px}.top-header-title{font-size:.95rem}}.admin-top-header{position:fixed;top:0;right:0;height:64px;background:#fff;border-bottom:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:998;transition:left .3s cubic-bezier(.4,0,.2,1)}body.sidebar-expanded .admin-top-header{left:260px}body.sidebar-collapsed .admin-top-header{left:72px}.admin-top-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.admin-top-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.admin-top-header-name{font-size:.82rem;font-weight:500;color:#64748b;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.admin-top-search-wrap{position:relative;display:flex;align-items:center}.admin-top-search-icon{position:absolute;left:10px;color:#94a3b8;pointer-events:none}.admin-top-search-input{height:36px;width:280px;border:1px solid #E2E8F0;border-radius:8px;padding:0 12px 0 34px;font-size:.875rem;font-family:inherit;color:#0f172a;background:#f8fafc;outline:none;transition:border-color .2s,box-shadow .2s}.admin-top-search-input::placeholder{color:#94a3b8}.admin-top-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}@media (max-width: 1440px){body.sidebar-expanded .admin-top-header{left:250px}body.sidebar-collapsed .admin-top-header{left:68px}}@media (max-width: 1024px){body.sidebar-expanded .admin-top-header{left:240px}body.sidebar-collapsed .admin-top-header{left:64px}.admin-top-search-input{width:220px}}@media (max-width: 900px){body.sidebar-expanded .admin-top-header{left:220px}body.sidebar-collapsed .admin-top-header{left:60px}.admin-top-search-input{width:180px}}@media (max-width: 768px){.admin-top-header{left:0!important;padding:0 16px 0 60px}.admin-top-header-name{display:none}.admin-top-search-input{width:160px}}@media (max-width: 480px){.admin-top-header{padding:0 12px 0 56px}.admin-top-search-input{width:120px;font-size:.8rem}}.footer{background:var(--background-white);border-top:1px solid var(--border-light);margin-top:auto;padding:2rem 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-brand{display:flex;align-items:center;color:var(--text-secondary);font-size:1.1rem}.footer-icon{margin-right:.5rem;font-size:1.3rem}.footer-text{font-weight:500}.footer-copyright{color:var(--text-secondary);font-size:.9rem}.footer-copyright p{margin:0}@media (max-width: 768px){.footer-container{padding:0 1rem}.footer-content{flex-direction:column;text-align:center;gap:1.5rem}.footer-brand{font-size:1rem}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in-out;pointer-events:all}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.loading-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#4a90e2;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:#4a90e2}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#50c878;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#ff6b6b;width:60%;height:60%;top:20%;left:20%}.spinner-ring:nth-child(4){animation-delay:0s;border-top-color:orange;width:40%;height:40%;top:30%;left:30%}.loading-message{font-size:1.1rem;color:#333;font-weight:500;text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.loading-spinner-small{position:relative;width:40px;height:40px}.spinner-ring-small{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#4a90e2;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring-small:nth-child(1){animation-delay:-.375s;border-top-color:#4a90e2}.spinner-ring-small:nth-child(2){animation-delay:-.25s;border-top-color:#50c878;width:80%;height:80%;top:10%;left:10%}.spinner-ring-small:nth-child(3){animation-delay:-.125s;border-top-color:#ff6b6b;width:60%;height:60%;top:20%;left:20%}.spinner-ring-small:nth-child(4){animation-delay:0s;border-top-color:orange;width:40%;height:40%;top:30%;left:30%}.loading-message-small{font-size:.9rem;color:#666;text-align:center;animation:pulse 1.5s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:200px;margin-bottom:1rem}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text:last-child{width:60%}.loading-overlay~*{pointer-events:none}body.loading-active{overflow:hidden}.chat-toggle-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;box-shadow:0 4px 15px #4a90e266;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;font-size:24px}.chat-toggle-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #4a90e280}.chat-toggle-btn.active{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 4px 15px #ff6b6b66}.chat-toggle-btn.active:hover{box-shadow:0 6px 20px #ff6b6b80}.chat-icon{display:block;line-height:1}.chat-widget{position:fixed;bottom:90px;right:20px;width:380px;max-width:calc(100vw - 40px);height:600px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 8px 40px #0000002e,0 2px 8px #00000014;display:flex;flex-direction:column;z-index:999;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0;flex-shrink:0}.chat-header-content{display:flex;align-items:center;gap:12px}.chat-avatar-wrapper{position:relative;flex-shrink:0}.chat-avatar{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.online-dot{position:absolute;bottom:1px;right:1px;width:11px;height:11px;background:#22c55e;border-radius:50%;border:2px solid #357abd;box-shadow:0 0 0 1px #22c55e4d;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 1px #22c55e4d}50%{box-shadow:0 0 0 4px #22c55e26}}.chat-header-text{flex:1;min-width:0}.chat-title{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.chat-subtitle{margin:0;font-size:12px;opacity:.85}.chat-close-btn{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s;flex-shrink:0}.chat-close-btn:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f5f7fa}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#98a2b3}.chat-message{display:flex;flex-direction:column;max-width:88%;animation:fadeInMsg .35s ease-out}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end;align-items:flex-end}.chat-message.assistant{align-self:flex-start;align-items:flex-start}.message-row{display:flex;align-items:flex-start;gap:8px}.message-avatar{width:28px;height:28px;background:#e8edf2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px}.message-bubble-wrapper{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.message-content{padding:10px 14px;border-radius:12px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5;font-size:13.5px}.chat-message.user .message-content{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .message-content{background:#fff;color:#1d2939;border:1px solid #e4e7ec;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000000a}.chat-message.error .message-content{background:#fffbeb;color:#92400e;border-color:#fde68a}.message-time{font-size:10px;color:#98a2b3;margin-top:3px;padding:0 4px}.typing-indicator{display:flex;gap:5px;padding:4px 0;align-items:center}.typing-indicator span{width:7px;height:7px;background:#98a2b3;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-8px);opacity:1}}.chat-input-form{border-top:1px solid #e4e7ec;background:#fff;padding:12px 14px 10px;flex-shrink:0}.chat-input-wrapper{display:flex;gap:8px;align-items:flex-end}.chat-input{flex:1;border:1px solid #d0d5dd;border-radius:12px;padding:10px 14px;font-size:13.5px;font-family:inherit;resize:none;max-height:96px;min-height:40px;overflow-y:auto;transition:border-color .2s,box-shadow .2s;line-height:1.45;color:#1d2939;background:#f9fafb}.chat-input::placeholder{color:#98a2b3}.chat-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;background:#fff}.chat-input:disabled{background:#f2f4f7;cursor:not-allowed;color:#98a2b3}.chat-send-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.chat-send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 3px 10px #4a90e259}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.send-icon{font-size:17px;line-height:1}.chat-input-hint{font-size:10.5px;color:#98a2b3;margin-top:5px;padding-left:2px}.chat-footer{margin-top:6px;padding-top:7px;border-top:1px solid #f2f4f7}.chat-footer-text{color:#98a2b3;font-size:11px;line-height:1.4;display:block}@media (max-width: 768px){.chat-widget{width:calc(100vw - 20px);height:calc(100vh - 100px);bottom:80px;right:10px;left:10px;max-width:none;max-height:none;border-radius:14px}.chat-toggle-btn{bottom:15px;right:15px;width:56px;height:56px}.chat-message{max-width:92%}.chat-header{padding:12px 14px}.chat-messages{padding:14px;gap:10px}}@media (max-width: 1024px) and (min-width: 769px){.chat-widget{width:370px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f5f7fb;font-family:Inter,Segoe UI,system-ui,sans-serif}.login-wrapper{display:grid;grid-template-columns:1fr 1px 1fr;max-width:960px;width:100%;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a;overflow:hidden}.login-divider{background:#e8ecf2;align-self:stretch}.login-form-section{padding:3rem 2.75rem;display:flex;flex-direction:column;justify-content:center}.login-logo{display:flex;justify-content:center;margin-bottom:1.25rem}.login-logo img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #e8ecf2}.login-header{margin-bottom:1.75rem;text-align:center}.login-title{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin-bottom:.35rem;letter-spacing:-.02em}.login-subtitle{color:#6b7280;font-size:.9rem;margin:0}.login-form{width:100%;max-width:380px;margin:0 auto}.field-error{display:block;color:#ef4444;font-size:.8rem;margin-top:.25rem}.forgot-password-link{background:none;border:none;color:#6366f1;font-weight:500;font-size:.85rem;cursor:pointer;transition:color .2s ease,text-decoration .2s ease;display:flex;align-items:center;gap:.35rem;padding:0;font-family:inherit;text-decoration:none}.forgot-password-link:hover{color:#4f46e5;text-decoration:underline}.btn-primary{width:100%;padding:.8rem 1.5rem;background:#6366f1;border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.25rem;font-family:inherit}.btn-loading{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.signup-prompt{text-align:center}.signup-prompt p{margin:0;color:#6b7280;font-size:.88rem}.signup-link{color:#6366f1;text-decoration:none;font-weight:600;transition:color .2s ease}.signup-link:hover{color:#4f46e5;text-decoration:underline}.login-info-section{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#4338ca,#6366f1,#818cf8)}.login-info-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:0}.login-info-bg-logo{width:320px;height:320px;object-fit:contain;opacity:.08;filter:blur(2px)}.login-info-content{position:relative;z-index:1;padding:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.login-info-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem}.login-info-logo{width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.25);object-fit:cover;margin-bottom:.5rem}.login-info-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.login-info-tagline{font-size:.9rem;color:#ffffffb3;margin:0}.login-info-features{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:300px}.login-info-feature{display:flex;align-items:flex-start;gap:.85rem;text-align:left;color:#ffffffe6}.login-info-feature svg{flex-shrink:0;margin-top:2px;color:#ffffffb3}.login-info-feature strong{display:block;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.15rem}.login-info-feature span{display:block;font-size:.8rem;color:#ffffffa6;line-height:1.4}@media (max-width: 768px){.login-container{padding:1rem}.login-wrapper{grid-template-columns:1fr;border-radius:16px}.login-divider{height:1px;width:100%}.login-form-section{padding:2rem 1.75rem}.login-info-section{display:none}}@media (max-width: 480px){.login-form-section{padding:1.5rem 1.25rem}.login-title{font-size:1.5rem}.login-logo img{width:52px;height:52px}}.legal-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.legal-modal{background:#fff;width:100%;max-width:600px;border-radius:16px;box-shadow:0 10px 30px #00000026;overflow:hidden;animation:legalModalPop .3s ease-out;display:flex;flex-direction:column}@keyframes legalModalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.legal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.legal-modal-title{font-size:1.15rem;font-weight:700;color:#1a1a2e;margin:0;display:flex;align-items:center;gap:.5rem}.legal-modal-close{background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.legal-modal-close:hover{background:#f3f4f6;color:#111827}.legal-modal-body{max-height:50vh;overflow-y:auto;padding:1.5rem;text-align:left}.legal-modal-body h4{font-size:1rem;font-weight:700;color:#1e293b;margin:1.25rem 0 .5rem}.legal-modal-body h4:first-child{margin-top:0}.legal-modal-body p{font-size:.9rem;color:#475569;line-height:1.6;margin:0}.legal-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end}.legal-modal-btn{padding:.6rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s;font-family:inherit}.legal-modal-btn:hover{background:#4f46e5}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f5f7fb;font-family:Inter,Segoe UI,system-ui,sans-serif}.signup-wrapper{display:grid;grid-template-columns:1.2fr 1px 1fr;max-width:1020px;width:100%;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a;overflow:visible}.signup-divider{background:#e8ecf2;align-self:stretch}.signup-form-section{padding:2.5rem;display:flex;flex-direction:column;justify-content:flex-start}.signup-form-section::-webkit-scrollbar{width:5px}.signup-form-section::-webkit-scrollbar-track{background:transparent}.signup-form-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.signup-logo{display:flex;justify-content:center;margin-bottom:1rem}.signup-logo img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #e8ecf2}.signup-header{margin-bottom:1.5rem;text-align:center}.signup-title{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin-bottom:.3rem;letter-spacing:-.02em}.signup-subtitle{color:#6b7280;font-size:.88rem;margin:0}.signup-form{width:100%;max-width:400px;margin:0 auto}.form-group{margin-bottom:1.1rem}.form-label{display:flex;align-items:center;margin-bottom:.35rem;font-weight:500;color:#374151;font-size:.85rem}.form-input{width:100%;padding:.65rem 1rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.93rem;color:#1a1a2e;transition:all .2s ease;font-family:inherit}.form-input.input-error{border-color:#ef4444}.form-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input[type=file]{padding:.5rem .75rem;font-size:.85rem}.form-input[type=file]::-webkit-file-upload-button{background:#eef2ff;border:1px solid #e0e7ff;color:#6366f1;padding:.35rem .75rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;margin-right:.75rem;transition:background .2s ease}.form-input[type=file]::-webkit-file-upload-button:hover{background:#e0e7ff}.field-error{display:block;color:#ef4444;font-size:.78rem;margin-top:.2rem}.form-options{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1.5rem}.checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:.83rem;color:#6b7280;gap:.4rem}.btn-primary{width:100%;padding:.75rem 1.5rem;background:#6366f1;border:none;border-radius:10px;color:#fff;font-size:.93rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.25rem;font-family:inherit}.btn-loading{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:signup-spin .7s linear infinite}@keyframes signup-spin{to{transform:rotate(360deg)}}.login-prompt{text-align:center}.login-prompt p{margin:0;color:#6b7280;font-size:.88rem}.login-link{color:#6366f1;text-decoration:none;font-weight:600;transition:color .2s ease}.login-link:hover{color:#4f46e5;text-decoration:underline}.signup-info-section{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#4338ca,#6366f1,#818cf8)}.signup-info-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:0}.signup-info-bg-logo{width:320px;height:320px;object-fit:contain;opacity:.08;filter:blur(2px)}.signup-info-content{position:relative;z-index:1;padding:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.signup-info-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem}.signup-info-logo{width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.25);object-fit:cover;margin-bottom:.5rem}.signup-info-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.signup-info-tagline{font-size:.9rem;color:#ffffffb3;margin:0}.signup-info-features{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:300px}.signup-info-feature{display:flex;align-items:flex-start;gap:.85rem;text-align:left;color:#ffffffe6}.signup-info-feature svg{flex-shrink:0;margin-top:2px;color:#ffffffb3}.signup-info-feature strong{display:block;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.15rem}.signup-info-feature span{display:block;font-size:.8rem;color:#ffffffa6;line-height:1.4}@media (max-width: 768px){.signup-container{padding:1rem}.signup-wrapper{grid-template-columns:1fr;border-radius:16px}.signup-divider{height:1px;width:100%}.signup-form-section{max-height:none}.signup-form-section,.signup-info-section{padding:2rem 1.75rem}}@media (max-width: 480px){.signup-form-section,.signup-info-section{padding:1.5rem 1.25rem}.signup-title{font-size:1.4rem}.signup-logo img{width:48px;height:48px}}.verification-declined-wrapper{grid-template-columns:1fr;max-width:700px}.verification-declined-section{padding:3rem}.verification-declined-header{text-align:center;margin-bottom:2rem}.decline-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-radius:50%;margin-bottom:1.5rem;animation:vd-pulse 2s ease-in-out infinite}@keyframes vd-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.decline-icon{font-size:2.5rem}.decline-title{color:#d32f2f;margin-bottom:1rem}.decline-subtitle{color:var(--text-secondary, #6b7280);font-size:1rem;line-height:1.6;max-width:500px;margin:0 auto}.decline-reason-box{background:linear-gradient(135deg,#fff3cd,#fff8e1);border-left:4px solid #ffc107;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.decline-reason-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.warning-icon{font-size:1.5rem}.decline-reason-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#856404}.decline-reason-text{margin:0;color:#856404;font-size:1rem;line-height:1.6;font-weight:500}.resubmit-instructions{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;padding:1.5rem;margin-bottom:2rem;border-left:4px solid #2196f3}.instructions-title{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1565c0}.instructions-list{margin:0;padding-left:1.5rem;color:#1565c0}.instructions-list li{margin-bottom:.75rem;line-height:1.6;font-size:.95rem}.instructions-list li:last-child{margin-bottom:0}.form-section-title{font-size:1.3rem;font-weight:600;color:var(--text-primary, #1a1a2e);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.file-upload-wrapper{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-label{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:2px dashed #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s ease}.file-label:hover{border-color:#6366f1;background:#eef2ff}.file-label.input-error{border-color:#ef4444;background:#fef2f2}.file-icon{font-size:1.5rem;color:#6366f1}.file-text{flex:1;color:#6b7280;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-button{padding:.5rem 1rem;background:#6366f1;color:#fff;border-radius:8px;font-size:.9rem;font-weight:600;transition:background .2s ease}.file-label:hover .file-button{background:#4f46e5}.file-help-text{margin:.5rem 0 0;font-size:.85rem;color:#6b7280}.form-actions-resubmit{margin-top:2rem}.btn-resubmit{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#4caf50,#45a049);padding:1rem 2rem;font-size:1.05rem;box-shadow:0 4px 12px #4caf504d}.btn-resubmit:hover{background:linear-gradient(135deg,#45a049,#388e3c);box-shadow:0 6px 16px #4caf5066}.btn-resubmit:disabled{background:#9e9e9e;cursor:not-allowed;box-shadow:none}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:signup-spin .8s linear infinite}@media (max-width: 768px){.verification-declined-section{padding:2rem}.form-row{grid-template-columns:1fr}.decline-icon-wrapper{width:70px;height:70px}.decline-icon{font-size:2rem}}@media (max-width: 480px){.verification-declined-section{padding:1.5rem}.decline-reason-box,.resubmit-instructions{padding:1rem}.file-label{flex-direction:column;align-items:flex-start}.file-button{align-self:flex-end}}.guidelines-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.guidelines-modal{background:#fff;width:100%;max-width:500px;border-radius:16px;box-shadow:0 10px 30px #00000026;overflow:hidden;animation:modal-pop .3s ease-out;display:flex;flex-direction:column}@keyframes modal-pop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.guidelines-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.guidelines-modal-title{font-size:1.15rem;font-weight:700;color:#1a1a2e;margin:0}.guidelines-modal-close{background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.guidelines-modal-close:hover{background:#f3f4f6;color:#111827}.guidelines-modal-body{padding:1.5rem;color:#374151}.guidelines-modal-intro{font-size:.95rem;margin-bottom:1.25rem;line-height:1.5}.guidelines-list{list-style:none;padding:0;margin:0 0 1.5rem}.guidelines-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;font-size:.9rem;line-height:1.4}.guidelines-list-icon{color:#10b981;flex-shrink:0;margin-top:.1rem}.guidelines-list li span{color:#6b7280;font-size:.85rem;display:block;margin-top:.2rem}.guidelines-warning{background:#fffbeb;border-left:4px solid #f59e0b;padding:.85rem 1rem;border-radius:6px;font-size:.85rem;color:#92400e;display:flex;align-items:flex-start;gap:.5rem}.guidelines-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end}.btn-modal-close{padding:.6rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-modal-close:hover{background:#4f46e5}.btn-guidelines-trigger{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:none;color:#3b82f6;font-size:.85rem;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.btn-guidelines-trigger:hover{color:#2563eb;text-decoration:underline}.terms-options{margin-top:.5rem;margin-bottom:1.5rem}.terms-checkbox-container{display:flex;align-items:flex-start;gap:10px}.terms-checkbox-container input[type=checkbox]{margin-top:4px}.terms-text{font-size:.85rem;line-height:1.4;color:#4b5563}.text-link{background:none;border:none;padding:0;color:#3b82f6;font-weight:600;cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit}.text-link:hover{color:#2563eb}.terms-modal{max-width:600px;width:95%}.terms-modal-body{max-height:50vh;overflow-y:auto;padding:1.5rem;text-align:left}.terms-modal-body h4{font-size:1rem;font-weight:700;color:#1e293b;margin:1.25rem 0 .5rem}.terms-modal-body h4:first-child{margin-top:0}.terms-modal-body p{font-size:.9rem;color:#475569;line-height:1.6;margin:0}.ibayan-landing{min-height:100vh;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1e293b;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ibayan-landing *,.ibayan-landing *:before,.ibayan-landing *:after{box-sizing:border-box}@keyframes ibayan-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ibayan-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ibayan-pulse{0%,to{opacity:1}50%{opacity:.55}}.animate-hidden{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-visible{opacity:1;transform:translateY(0)}.ibayan-navbar{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000a}.ibayan-navbar-inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:68px;display:flex;align-items:center;justify-content:space-between}.ibayan-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;flex-shrink:0}.ibayan-brand-logo{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.ibayan-brand-name{font-size:1.15rem;font-weight:700;color:#1e293b;letter-spacing:-.02em}.ibayan-nav-links{display:flex;list-style:none;gap:1.75rem;margin:0;padding:0}.ibayan-nav-links button{background:none;border:none;font-family:inherit;text-decoration:none;font-size:.9rem;font-weight:500;color:#64748b;position:relative;padding:0 0 4px;cursor:pointer;transition:color .2s ease}.ibayan-nav-links button:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#1a73e8;border-radius:1px;transition:width .25s ease}.ibayan-nav-links button:hover{color:#1a73e8}.ibayan-nav-links button:hover:after{width:100%}.ibayan-nav-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.ibayan-nav-admin{text-decoration:none;font-size:.875rem;font-weight:500;color:#475569;border:1.5px solid #cbd5e1;padding:.4rem 1rem;border-radius:8px;transition:color .2s ease,border-color .2s ease,background .2s ease}.ibayan-nav-admin:hover{color:#1a73e8;border-color:#1a73e8;background:#1a73e80a}.ibayan-nav-login{text-decoration:none;font-size:.9rem;font-weight:500;color:#475569;transition:color .2s ease}.ibayan-nav-login:hover{color:#1a73e8}.ibayan-nav-signup{text-decoration:none;font-size:.875rem;font-weight:600;color:#fff;background:#1a73e8;padding:.5rem 1.25rem;border-radius:8px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.ibayan-nav-signup:hover{background:#1557b0;transform:translateY(-1px);box-shadow:0 4px 12px #1a73e84d}.ibayan-mobile-toggle{display:none;background:none;border:none;color:#1e293b;cursor:pointer;padding:4px}.ibayan-mobile-menu{display:none;flex-direction:column;padding:1rem 2rem 1.5rem;border-top:1px solid #f1f5f9;gap:.75rem}.ibayan-mobile-menu button,.ibayan-mobile-menu a{background:none;border:none;font-family:inherit;font-size:.95rem;font-weight:500;color:#475569;text-decoration:none;text-align:left;padding:.5rem 0;cursor:pointer;transition:color .2s ease}.ibayan-mobile-menu button:hover,.ibayan-mobile-menu a:hover{color:#1a73e8}.ibayan-hero{background:linear-gradient(170deg,#eaf4fd,#dbeafe 40%,#e8f4fd);padding:6rem 2rem 5rem;text-align:center;position:relative;overflow:hidden}.ibayan-hero:before{content:"";position:absolute;top:-120px;right:-120px;width:360px;height:360px;background:radial-gradient(circle,rgba(26,115,232,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.ibayan-hero:after{content:"";position:absolute;bottom:-80px;left:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(26,115,232,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.ibayan-hero-inner{max-width:800px;margin:0 auto;position:relative;z-index:1}.ibayan-hero-badge{display:inline-block;background:#1a73e81a;color:#1a73e8;font-size:.8rem;font-weight:600;padding:.4rem 1rem;border-radius:20px;letter-spacing:.02em;margin-bottom:1.5rem;animation:ibayan-fadeUp .6s ease both}.ibayan-hero-headline{font-size:3.25rem;font-weight:800;line-height:1.15;color:#1e293b;margin:0 0 1.25rem;letter-spacing:-.03em;animation:ibayan-fadeUp .7s ease .1s both}.ibayan-hero-highlight{color:#1a73e8}.ibayan-hero-desc{font-size:1.1rem;line-height:1.7;color:#64748b;max-width:600px;margin:0 auto 2.25rem;animation:ibayan-fadeUp .7s ease .2s both}.ibayan-hero-cta{display:flex;justify-content:center;gap:1rem;margin-bottom:3.5rem;animation:ibayan-fadeUp .7s ease .3s both}.ibayan-btn-primary{display:inline-flex;align-items:center;text-decoration:none;font-size:.95rem;font-weight:600;color:#fff;background:#1a73e8;padding:.75rem 1.75rem;border-radius:10px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.ibayan-btn-primary:hover{background:#1557b0;transform:translateY(-2px);box-shadow:0 6px 20px #1a73e859}.ibayan-btn-outline{display:inline-flex;align-items:center;text-decoration:none;font-size:.95rem;font-weight:600;color:#1e293b;background:#fff;padding:.75rem 1.75rem;border-radius:10px;border:1.5px solid #cbd5e1;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease}.ibayan-btn-outline:hover{border-color:#1a73e8;color:#1a73e8;transform:translateY(-2px);box-shadow:0 4px 16px #1a73e81f}.ibayan-hero-stats{display:inline-flex;align-items:center;gap:2rem;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.25rem 2.5rem;border-radius:16px;border:1px solid rgba(226,232,240,.6);box-shadow:0 4px 20px #0000000a;animation:ibayan-fadeUp .8s ease .4s both}.ibayan-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.ibayan-stat-number{font-size:1.5rem;font-weight:800;color:#1a73e8;letter-spacing:-.02em}.ibayan-stat-label{font-size:.75rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.ibayan-stat-divider{width:1px;height:36px;background:#e2e8f0}.ibayan-announcements{padding:5rem 2rem;background:#fff}.ibayan-section-inner{max-width:1200px;margin:0 auto}.ibayan-announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.ibayan-section-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.02em}.ibayan-section-subtitle{font-size:1rem;color:#64748b;margin:.5rem 0 0;line-height:1.6}.ibayan-view-more{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;font-size:.875rem;font-weight:500;color:#94a3b8;transition:color .2s ease}.ibayan-view-more:hover{color:#1a73e8}.ibayan-view-more svg{transition:transform .2s ease}.ibayan-view-more:hover svg{transform:translate(3px)}.ibayan-features{padding:5rem 2rem;background:#f8fafc;border-top:1px solid #f1f5f9}.ibayan-features-header{text-align:center;margin-bottom:3rem}.ibayan-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.ibayan-feature-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem 1.75rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:default}.ibayan-feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000014;border-color:#dbeafe}.ibayan-feature-card-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#dbeafe);color:#1a73e8;margin-bottom:1.25rem}.ibayan-feature-card-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.ibayan-feature-card-desc{font-size:.88rem;color:#64748b;line-height:1.6;margin:0}.ibayan-about{padding:5rem 2rem;background:#fff}.ibayan-about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}.ibayan-about-text p{font-size:.95rem;color:#475569;line-height:1.75;margin:0 0 1rem}.ibayan-about-text p:last-child{margin-bottom:0}.ibayan-about-highlights{display:flex;flex-direction:column;gap:1.5rem}.ibayan-highlight{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.ibayan-highlight:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.ibayan-highlight-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#eef2ff,#dbeafe);color:#1a73e8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ibayan-highlight strong{display:block;font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:.2rem}.ibayan-highlight span{font-size:.85rem;color:#64748b}.ibayan-location{padding:5rem 2rem;background:#f8fafc;border-top:1px solid #f1f5f9}.ibayan-location-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2.5rem;align-items:start}.ibayan-map-container{width:100%;height:360px;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 4px 16px #0000000d}.ibayan-location-info{display:flex;flex-direction:column;gap:1.5rem}.ibayan-location-item{display:flex;align-items:flex-start;gap:1rem}.ibayan-location-item svg{flex-shrink:0;color:#1a73e8;margin-top:2px}.ibayan-location-item strong{display:block;font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:.2rem}.ibayan-location-item span{font-size:.88rem;color:#64748b;line-height:1.5}.ibayan-faq{padding:5rem 2rem;background:#fff}.ibayan-faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.ibayan-faq-item{border:1px solid #f1f5f9;border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.ibayan-faq-item:hover{border-color:#dbeafe}.ibayan-faq-item.open{border-color:#bfdbfe;box-shadow:0 4px 12px #1a73e80f}.ibayan-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.5rem;background:#fff;border:none;font-family:inherit;font-size:.95rem;font-weight:600;color:#1e293b;cursor:pointer;text-align:left;transition:background .2s ease}.ibayan-faq-question:hover{background:#f8fafc}.ibayan-faq-chevron{flex-shrink:0;color:#94a3b8;transition:transform .3s ease,color .2s ease}.ibayan-faq-item.open .ibayan-faq-chevron{transform:rotate(180deg);color:#1a73e8}.ibayan-faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 1.5rem}.ibayan-faq-item.open .ibayan-faq-answer{max-height:300px;padding:0 1.5rem 1.25rem}.ibayan-faq-answer p{margin:0;font-size:.9rem;color:#64748b;line-height:1.7}.ibayan-footer{background:#0f172a;padding:3.5rem 2rem 0;margin-top:auto}.ibayan-footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;padding-bottom:2.5rem}.ibayan-footer-brand-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.ibayan-footer-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.ibayan-footer-brand{font-size:1.1rem;font-weight:700;color:#f1f5f9;margin:0}.ibayan-footer-brand-desc{font-size:.85rem;color:#94a3b8;line-height:1.65;margin:0 0 1rem}.ibayan-footer-social{display:flex;gap:.75rem}.ibayan-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff14;color:#94a3b8;transition:background .2s ease,color .2s ease}.ibayan-social-link:hover{background:#1a73e8;color:#fff}.ibayan-footer-heading{font-size:.85rem;font-weight:700;color:#f1f5f9;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.06em}.ibayan-footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.ibayan-footer-list a,.ibayan-footer-list button{text-decoration:none;font-size:.85rem;color:#94a3b8;transition:color .2s ease;background:none;border:none;font-family:inherit;padding:0;cursor:pointer;text-align:left}.ibayan-footer-list a:hover,.ibayan-footer-list button:hover{color:#60a5fa}.ibayan-footer-contact li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#94a3b8}.ibayan-footer-contact svg{flex-shrink:0;color:#64748b}.ibayan-status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#94a3b8;margin-top:1rem}.ibayan-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:ibayan-pulse 2s infinite}.ibayan-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:1.25rem 0;text-align:center}.ibayan-footer-bottom p{font-size:.78rem;color:#64748b;margin:0}@media (max-width: 968px){.ibayan-hero-headline{font-size:2.5rem}.ibayan-hero{padding:4.5rem 1.5rem 4rem}.ibayan-features-grid{grid-template-columns:repeat(2,1fr)}.ibayan-about-grid{grid-template-columns:1fr;gap:2.5rem}.ibayan-location-grid{grid-template-columns:1fr}.ibayan-footer-inner{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (max-width: 768px){.ibayan-navbar-inner{padding:0 1.25rem;height:60px}.ibayan-nav-links,.ibayan-nav-actions{display:none}.ibayan-mobile-toggle,.ibayan-mobile-menu{display:flex}.ibayan-hero{padding:3.5rem 1.25rem 3rem}.ibayan-hero-headline{font-size:2rem}.ibayan-hero-desc{font-size:1rem}.ibayan-hero-stats{flex-direction:column;gap:1rem;padding:1.25rem 2rem}.ibayan-stat-divider{width:60px;height:1px}.ibayan-announcements{padding:3.5rem 1.25rem}.ibayan-announcements-header{flex-direction:column;align-items:flex-start;gap:.75rem}.ibayan-features{padding:3.5rem 1.25rem}.ibayan-features-grid{grid-template-columns:1fr}.ibayan-about,.ibayan-location,.ibayan-faq{padding:3.5rem 1.25rem}.ibayan-map-container{height:280px}.ibayan-footer-inner{grid-template-columns:1fr;gap:2rem}}@media (max-width: 480px){.ibayan-brand-name{font-size:1rem}.ibayan-brand-logo{width:32px;height:32px}.ibayan-hero-headline{font-size:1.65rem}.ibayan-hero-badge{font-size:.72rem;padding:.35rem .85rem}.ibayan-hero-desc{font-size:.92rem}.ibayan-hero-cta{flex-direction:column;align-items:center;gap:.75rem}.ibayan-btn-primary,.ibayan-btn-outline{width:100%;justify-content:center;max-width:280px}.ibayan-section-title{font-size:1.4rem}.ibayan-map-container{height:220px}}.category-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.category-tab{padding:.55rem 1.2rem;border-radius:999px;border:1.5px solid #E2E8F0;background:#fff;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.category-tab:hover{background:#f8fafc;filter:brightness(.97)}.category-tab.active{color:#fff;font-weight:700}.announcements-container{margin-bottom:3rem}.announcements-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.ann-card{background:#fff;border-radius:12px;border:2px solid transparent;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .25s ease;position:relative;display:flex;flex-direction:column}.ann-card.border-environment:hover{border-color:#16a34a;box-shadow:0 4px 16px #16a34a33;transform:translateY(-4px)}.ann-card.border-health:hover{border-color:#2563eb;box-shadow:0 4px 16px #2563eb33;transform:translateY(-4px)}.ann-card.border-safety:hover{border-color:#dc2626;box-shadow:0 4px 16px #dc262633;transform:translateY(-4px)}.ann-card.border-events:hover{border-color:#7c3aed;box-shadow:0 4px 16px #7c3aed33;transform:translateY(-4px)}.ann-card.border-services:hover{border-color:#ea580c;box-shadow:0 4px 16px #ea580c33;transform:translateY(-4px)}.ann-card.border-pinned:hover{border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b40;transform:translateY(-4px)}.ann-card-banner{width:100%;height:220px;overflow:hidden;position:relative;flex-shrink:0}.ann-banner-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.ann-card:hover .ann-banner-img{transform:scale(1.04)}.ann-banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ann-banner-placeholder:before{content:"";position:absolute;top:-40%;right:-20%;width:280px;height:280px;background:#ffffff1a;border-radius:50%}.ann-banner-placeholder:after{content:"";position:absolute;bottom:-30%;left:-15%;width:200px;height:200px;background:#ffffff12;border-radius:50%}.ann-placeholder-icon{color:#ffffffe6;position:relative;z-index:1;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 16px #00000014}.ann-card-body{padding:16px;display:flex;flex-direction:column;flex:1}.ann-card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.ann-cat-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}.cat-environment{background:#dcfce7;color:#15803d}.cat-health{background:#dbeafe;color:#1d4ed8}.cat-safety{background:#fee2e2;color:#b91c1c}.cat-events{background:#f3e8ff;color:#6d28d9}.cat-services{background:#fff7ed;color:#c2410c}.ann-pinned-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.68rem;font-weight:700;color:#92400e;background:#fef3c7;letter-spacing:.01em;white-space:nowrap;flex-shrink:0}.ann-card-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.45;letter-spacing:-.01em}.ann-card-excerpt{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ann-read-more{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#2563eb;font-size:.82rem;font-weight:600;cursor:pointer;padding:6px 0;font-family:inherit;text-decoration:none;transition:color .2s ease,gap .2s ease;margin-bottom:12px}.ann-read-more:hover{color:#1d4ed8;gap:8px}.ann-card-timestamps{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid #F1F5F9;margin-top:auto}.ann-timestamp{display:flex;align-items:center;gap:6px;font-size:.78rem}.ann-ts-label{font-weight:600;color:#94a3b8;min-width:56px}.ann-ts-value{color:#94a3b8;font-weight:400}.ann-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:annOverlayIn .2s ease-out}.ann-detail-modal{background:#fff;border-radius:16px;width:92%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #00000026;animation:annModalIn .3s ease-out;position:relative}.ann-detail-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 8px #0000001f;transition:all .2s ease}.ann-detail-close:hover{background:#fff;color:#0f172a;transform:scale(1.05)}.ann-detail-banner{width:100%;height:240px;overflow:hidden;border-radius:16px 16px 0 0}.ann-detail-banner img{width:100%;height:100%;object-fit:cover;display:block}.ann-detail-banner.ann-detail-banner-placeholder{display:flex;align-items:center;justify-content:center;position:relative}.ann-detail-body{padding:1.5rem 1.75rem 1.75rem}.ann-detail-title{font-size:1.35rem;font-weight:800;color:#0f172a;margin:.75rem 0 .5rem;line-height:1.35;letter-spacing:-.015em}.ann-detail-timestamps{display:flex;flex-direction:column;gap:2px;margin-bottom:1.25rem;font-size:.8rem;color:#94a3b8;font-weight:500}.ann-detail-content{font-size:.95rem;color:#334155;line-height:1.8;white-space:pre-wrap;word-wrap:break-word}@keyframes annOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes annModalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ann-empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 1px 4px #0000000f}.ann-empty-icon{opacity:.2;display:flex;justify-content:center;margin-bottom:1rem}.ann-empty-state h3{font-size:1.3rem;color:#0f172a;margin-bottom:.5rem;font-weight:700}.ann-empty-state p{color:#64748b;font-size:.95rem}@media (max-width: 768px){.category-tabs{gap:.4rem;margin-bottom:1.5rem}.category-tab{padding:.45rem .9rem;font-size:.8rem}.announcements-card-grid{grid-template-columns:1fr;gap:1.25rem}.ann-card-banner{height:180px}.ann-card-title{font-size:1.05rem}.ann-detail-modal{width:95%}.ann-detail-banner{height:200px}.ann-detail-body{padding:1.25rem}.ann-detail-title{font-size:1.2rem}}@media (max-width: 480px){.category-tabs{gap:.35rem;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem}.category-tabs::-webkit-scrollbar{display:none}.category-tab{padding:.4rem .75rem;font-size:.75rem;flex-shrink:0}.ann-card-banner{height:160px}.ann-card-body{padding:14px}.ann-card-title{font-size:1rem}.ann-cat-badge{font-size:.65rem;padding:3px 9px}.ann-pinned-badge{font-size:.62rem;padding:3px 8px}.ann-card-excerpt{font-size:.85rem}.ann-timestamp{flex-direction:column;align-items:flex-start;gap:1px}.ann-detail-banner{height:160px}}.dashboard-wrapper{background:#f0f2f5;min-height:100vh;padding:2rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard{max-width:100%;margin:0 auto;padding:0 2rem}.dash-content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;gap:1rem}.dash-header-right{flex-shrink:0;display:flex;align-items:center}.dash-greeting{font-size:.95rem;font-weight:600;color:#334155;background:#fff;padding:.6rem 1.25rem;border-radius:12px;box-shadow:0 1px 3px #0000000f;white-space:nowrap}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:3px solid #E0E0E0}.section-title{font-size:2rem;font-weight:700;color:#333;margin:0;position:relative;padding-left:1rem}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(135deg,#0052cc,#08c);border-radius:2px}.section-subtitle{color:#666;font-size:1.05rem;margin:.5rem 0 0;font-weight:400}.view-all-link{color:#0052cc;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;background:#0052cc0d}.view-all-link:hover{background:#0052cc1a;transform:translate(5px)}.announcements-section{margin-bottom:4rem}.announcements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.announcement-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .3s ease;border:1px solid #F0F0F0}.announcement-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0052cc26;border-color:#0052cc}.announcement-image{height:140px;background:linear-gradient(135deg,#0052cc,#08c);display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden}.announcement-image:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.announcement-content{padding:2rem}.announcement-meta{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.announcement-date{color:#666;font-size:.9rem;font-weight:600;background:#f5f6fa;padding:.375rem .875rem;border-radius:20px}.announcement-title{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:1rem;line-height:1.4}.announcement-dates-compact{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#0052cc0d;border-radius:8px;border-left:3px solid #0052CC}.date-compact-item{font-size:.85rem;color:#666}.date-compact-item strong{color:#0052cc;font-weight:700}.announcement-description{color:#666;font-size:.95rem;line-height:1.7;margin-bottom:0}.read-more-btn{font-size:.95rem;padding:.75rem 1.5rem;font-weight:600;border-radius:10px;transition:all .3s ease}.read-more-btn:hover{transform:translate(5px)}.services-section{margin-bottom:4rem;background:#f5f6fa;padding:3rem 2rem;border-radius:20px;margin-left:-2rem;margin-right:-2rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:#fff;border-radius:16px;padding:2.5rem;text-align:center;box-shadow:0 4px 12px #0000000f;transition:all .3s ease;border:2px solid transparent}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0052cc1f;border-color:#0052cc}.service-icon{width:80px;height:80px;background:linear-gradient(135deg,#0052cc,#08c);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;box-shadow:0 8px 16px #0052cc33;transition:all .3s ease}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-title{font-size:1.4rem;font-weight:700;color:#333;margin-bottom:1rem}.service-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.service-btn{width:100%;padding:.875rem;font-size:1rem;font-weight:600;border-radius:10px;transition:all .3s ease}.service-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0052cc4d}.quick-actions-section{margin-bottom:3rem}.quick-actions{background:#fff;border-radius:16px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #00000014}.quick-actions .section-title{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 2rem;display:flex;align-items:center;gap:.75rem}.quick-actions .section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#0052cc,#06f);border-radius:2px}.action-group{margin-bottom:2.5rem}.action-group:last-child{margin-bottom:0}.action-group-title{font-size:1.1rem;font-weight:600;color:#555;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.group-icon{font-size:1.25rem}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.action-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:2px solid #e9ecef;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:all .3s ease}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:transparent}.action-card:hover:before{width:4px}.action-card-icon{font-size:2.5rem;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f8f9fa;transition:all .3s ease;flex-shrink:0}.action-card:hover .action-card-icon{transform:scale(1.1) rotate(5deg)}.action-card-content{flex:1;min-width:0}.action-card-title{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;line-height:1.3}.action-card-description{font-size:.875rem;color:#666;margin:0;line-height:1.5}.action-card-arrow{font-size:1.5rem;color:#999;transition:all .3s ease;flex-shrink:0;opacity:.5}.action-card:hover .action-card-arrow{transform:translate(8px);opacity:1;color:#0052cc}.action-primary:hover{border-color:#0052cc;background:linear-gradient(135deg,#0052cc05,#0066ff05)}.action-primary:before{background:#0052cc}.action-primary:hover .action-card-icon{background:linear-gradient(135deg,#0052cc1a,#0066ff1a)}.action-danger:hover{border-color:#dc3545;background:linear-gradient(135deg,#dc354505,#c8233305)}.action-danger:before{background:#dc3545}.action-danger:hover .action-card-icon{background:linear-gradient(135deg,#dc35451a,#c823331a)}.action-success:hover{border-color:#4caf50;background:linear-gradient(135deg,#4caf5005,#45a04905)}.action-success:before{background:#4caf50}.action-success:hover .action-card-icon{background:linear-gradient(135deg,#4caf501a,#45a0491a)}.action-warning:hover{border-color:#ffc107;background:linear-gradient(135deg,#ffc10705,#ffb30005)}.action-warning:before{background:#ffc107}.action-warning:hover .action-card-icon{background:linear-gradient(135deg,#ffc1071a,#ffb3001a)}.action-info:hover{border-color:#17a2b8;background:linear-gradient(135deg,#17a2b805,#13849605)}.action-info:before{background:#17a2b8}.action-info:hover .action-card-icon{background:linear-gradient(135deg,#17a2b81a,#1384961a)}.action-secondary:hover{border-color:#6c757d;background:linear-gradient(135deg,#6c757d05,#49505705)}.action-secondary:before{background:#6c757d}.action-secondary:hover .action-card-icon{background:linear-gradient(135deg,#6c757d1a,#4950571a)}@media (max-width: 768px){.dashboard{padding:0 1rem}.dash-content-header{flex-direction:column;gap:.75rem}.dash-title{font-size:1.4rem}.dash-greeting{align-self:flex-start}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-title{font-size:1.7rem}.services-section{margin-left:-1rem;margin-right:-1rem;padding:2rem 1rem}.announcements-grid,.services-grid{grid-template-columns:1fr}.quick-actions{padding:1.5rem}.quick-actions .section-title{font-size:1.25rem}.action-group{margin-bottom:2rem}.action-group-title{font-size:1rem}.action-buttons{grid-template-columns:1fr;gap:1rem}.action-card{padding:1.25rem}.action-card-icon{font-size:2rem;min-width:50px;height:50px}.action-card-title{font-size:1rem}.action-card-description{font-size:.8rem}}@media (max-width: 480px){.dash-title{font-size:1.2rem}.dash-subtitle{font-size:.8rem}.dash-greeting{font-size:.85rem;padding:.5rem 1rem}.section-title{font-size:1.5rem}.announcement-card,.service-card{padding:1.5rem}.service-icon{width:70px;height:70px;font-size:2rem}.quick-actions{padding:1rem}.quick-actions .section-title{font-size:1.1rem;margin-bottom:1.5rem}.action-group{margin-bottom:2rem}.action-group-title{font-size:.95rem;margin-bottom:1rem}.action-buttons{grid-template-columns:1fr;gap:.875rem}.action-card{padding:1rem;gap:.75rem}.action-card-icon{font-size:1.75rem;min-width:45px;height:45px}.action-card-title{font-size:.95rem;margin-bottom:.25rem}.action-card-description{font-size:.75rem}.action-card-arrow{font-size:1.25rem}}.pending-verification-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 70px);padding:2rem;background:#f4f6f8}.pending-verification-card{background:#fff;max-width:500px;width:100%;border-radius:16px;box-shadow:0 10px 40px #00000014;padding:3rem 2.5rem;text-align:center}.pending-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;margin-bottom:1.5rem;background:#eff6ff;border-radius:50%;color:#3b82f6}.pending-icon{position:relative;z-index:2}.pending-icon-pulse{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#bfdbfe;animation:pendingPulse 2s ease-out infinite;z-index:1}@keyframes pendingPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.pending-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.02em}.pending-subtitle{font-size:1rem;color:#64748b;margin-bottom:2rem}.pending-message-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;margin-bottom:2rem;text-align:left}.pending-message-box p{font-size:.95rem;color:#475569;line-height:1.6;margin:0 0 1rem}.pending-message-box p:last-child{margin-bottom:0}.pending-actions{display:flex;flex-direction:column;gap:1rem}.pending-actions .btn{padding:.85rem 1.5rem;font-size:.95rem;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:600;cursor:pointer}.pending-actions .btn-primary{background:#3b82f6;color:#fff;border:none}.pending-actions .btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.pending-actions .btn-secondary{background:#fff;color:#475569;border:1px solid #cbd5e1}.pending-actions .btn-secondary:hover{background:#f1f5f9;color:#1e293b}@media (max-width: 640px){.pending-verification-page{padding:1rem}.pending-verification-card{padding:2rem 1.5rem}.pending-title{font-size:1.5rem}}.profile-dashboard{padding-bottom:2rem}.profile-wrapper{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.profile-header-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000000a;display:flex;align-items:center;gap:24px;border:1px solid #E2E8F0}.profile-avatar-large{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#0052cc,#06f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;flex-shrink:0;box-shadow:0 8px 24px #0052cc40}.profile-header-details{flex:1}.profile-name-large{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 4px;line-height:1.2}.profile-email-text{font-size:1rem;color:#64748b;margin:0 0 12px}.profile-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.status-green{background:#dcfce7;color:#16a34a}.status-amber{background:#fef3c7;color:#d97706}.status-red{background:#fee2e2;color:#dc2626}.status-gray{background:#f1f5f9;color:#64748b}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.profile-column{display:flex;flex-direction:column;gap:24px}.profile-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000a;border:1px solid #E2E8F0}.profile-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #F1F5F9}.profile-card-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:8px}.profile-card-title svg{color:#64748b}.profile-edit-btn{background:transparent;border:none;color:#0052cc;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s ease}.profile-edit-btn:hover{background:#eff6ff}.profile-info-list{display:flex;flex-direction:column;gap:16px}.profile-info-item{display:flex;align-items:flex-start;gap:16px}.profile-info-icon{width:36px;height:36px;border-radius:10px;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-info-content{flex:1;display:flex;flex-direction:column;gap:2px}.profile-info-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.profile-info-value{font-size:.95rem;font-weight:500;color:#1e293b;word-break:break-word}.profile-edit-form{display:flex;flex-direction:column;gap:16px}.profile-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.profile-security-text{font-size:.9rem;color:#64748b;line-height:1.5;margin:0}.form-input-password{padding-right:44px}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:color .2s}.password-toggle-btn:hover{color:#475569}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr}}@media (max-width: 600px){.profile-header-card{flex-direction:column;text-align:center;padding:24px 20px;gap:16px}.profile-card{padding:20px 16px}.profile-avatar-large{width:72px;height:72px;font-size:2rem}.profile-name-large{font-size:1.4rem}.profile-form-actions{flex-direction:column}.profile-form-actions .btn{width:100%}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f5f7fb;font-family:Inter,Segoe UI,system-ui,sans-serif}.admin-login-wrapper{display:grid;grid-template-columns:1fr 1px 1fr;max-width:960px;width:100%;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a;overflow:hidden}.admin-login-divider{background:#e8ecf2;align-self:stretch}.admin-login-card{padding:3rem 2.75rem;display:flex;flex-direction:column;justify-content:center}.admin-login-header{text-align:center;margin-bottom:1.75rem}.admin-logo{display:flex;justify-content:center;margin-bottom:1.25rem}.admin-logo img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #e8ecf2}.admin-login-title{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin-bottom:.35rem;letter-spacing:-.02em}.admin-login-subtitle{color:#6b7280;font-size:.9rem;margin:0}.error-message{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.7rem 1rem;margin-bottom:1.25rem;color:#dc2626;font-size:.88rem}.error-icon{flex-shrink:0;color:#dc2626}.admin-login-form{width:100%;max-width:380px;margin:0 auto}.form-label{display:flex;align-items:center;margin-bottom:.4rem;font-weight:500;color:#374151;font-size:.88rem}.label-icon{display:inline-flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0;margin-right:8px;position:relative;top:-1px}.form-input{width:100%;padding:.7rem 1rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.95rem;color:#1a1a2e;transition:all .2s ease;font-family:inherit}.form-input::placeholder{color:#9ca3af}.form-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.password-input-wrapper{position:relative;display:flex;align-items:center}.form-input-password{padding-right:2.75rem}.password-toggle-btn{position:absolute;right:12px;background:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;cursor:pointer;transition:color .2s ease}.password-toggle-btn:hover{color:#6366f1}.password-toggle-btn:focus{outline:none}.password-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:.85rem;color:#6b7280;gap:.4rem}.checkbox-container input{width:16px;height:16px;accent-color:#6366f1;cursor:pointer}.forgot-password-link{background:none;border:none;color:#6366f1;font-weight:500;font-size:.85rem;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;gap:.35rem;padding:0;font-family:inherit}.forgot-password-link:hover{color:#4f46e5}.forgot-password-link:disabled{opacity:.5;cursor:not-allowed}.btn-primary{width:100%;padding:.8rem 1.5rem;background:#6366f1;border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 14px #6366f14d;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{display:flex;align-items:center}.loading-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:admin-spin .7s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-login-info{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0f5132,#1d9e75,#34d399)}.admin-info-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:0}.admin-info-bg-logo{width:320px;height:320px;object-fit:contain;opacity:.08;filter:blur(2px)}.admin-info-content{position:relative;z-index:1;padding:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.admin-info-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem}.admin-info-logo{width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.25);object-fit:cover;margin-bottom:.5rem}.admin-info-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.admin-info-tagline{font-size:.9rem;color:#ffffffb3;margin:0}.admin-info-features{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:300px}.admin-info-feature{display:flex;align-items:flex-start;gap:.85rem;text-align:left;color:#ffffffe6}.admin-info-feature svg{flex-shrink:0;margin-top:2px;color:#ffffffb3}.admin-info-feature strong{display:block;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.15rem}.admin-info-feature span{display:block;font-size:.8rem;color:#ffffffa6;line-height:1.4}.admin-login-container .label-icon{color:#1d9e75}.admin-login-container .form-input:focus{border-color:#1d9e75;box-shadow:0 0 0 3px #1d9e751a}.admin-login-container .btn-primary{background:#1d9e75;border-color:#1d9e75}.admin-login-container .btn-primary:hover:not(:disabled):not(.disabled){background:#178a65;border-color:#178a65;box-shadow:0 6px 20px #1d9e7566}.admin-login-container .btn-primary:active:not(:disabled):not(.disabled){background:#147a59;border-color:#147a59;box-shadow:0 2px 8px #1d9e754d}.admin-login-container .btn-primary:focus{box-shadow:0 0 0 3px #1d9e7540,0 4px 12px #1d9e754d}.admin-login-container .checkbox-container input{accent-color:#1D9E75}.admin-login-container .forgot-password-link{color:#1d9e75}.admin-login-container .forgot-password-link:hover{color:#178a65}.admin-login-container .password-toggle-btn:hover{color:#1d9e75}@media (max-width: 768px){.admin-login-container{padding:1rem}.admin-login-wrapper{grid-template-columns:1fr;border-radius:16px}.admin-login-divider{height:1px;width:100%}.admin-login-card{padding:2rem 1.75rem}.admin-login-info{display:none}}@media (max-width: 480px){.admin-login-card{padding:1.5rem 1.25rem}.admin-login-title{font-size:1.5rem}.admin-logo img{width:64px;height:64px}}.admin-sidebar-wrapper{position:relative}.admin-sidebar{position:fixed;left:0;top:0;height:100vh;background:#fff;color:#1e293b;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:999;border-right:1px solid #E2E8F0;overflow-y:auto;overflow-x:hidden}.admin-sidebar.open{width:260px}.admin-sidebar.collapsed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid #E2E8F0;flex-shrink:0;gap:.75rem;min-height:64px}.sidebar-brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-logo{width:36px;height:36px;border-radius:8px;object-fit:contain;flex-shrink:0}.brand-text{font-weight:700;font-size:1.05rem;color:#0052cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.sidebar-toggle{background:transparent;color:#64748b;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle:hover{background:#f1f5f9;color:#334155}.sidebar-expand-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem 0;background:transparent;border:none;color:#94a3b8;cursor:pointer;transition:all .2s ease}.sidebar-expand-btn:hover{color:#334155;background:#f1f5f9}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:1rem .75rem;overflow-y:auto;overflow-x:hidden}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;text-decoration:none;color:#475569;border-radius:8px;transition:background-color .2s ease,color .2s ease;font-weight:500;font-size:.9rem;white-space:nowrap;position:relative}.sidebar-nav-item:hover{background:#f1f5f9;color:#1e293b}.sidebar-nav-item.active{background:#f1f5f9;color:#0f172a;font-weight:600}.sidebar-nav-item.active:before{display:none}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:#64748b}.sidebar-nav-item:hover .nav-icon,.sidebar-nav-item.active .nav-icon{color:#0052cc}.nav-label{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;color:inherit}.admin-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:.625rem;border-radius:12px}.admin-sidebar.collapsed .sidebar-nav-item.active{border-radius:12px;width:44px;height:44px;margin:0 auto}.admin-sidebar.collapsed .sidebar-header{justify-content:center;padding:1rem .5rem}.admin-sidebar.collapsed .brand-logo{width:32px;height:32px}.sidebar-footer{padding:.75rem;border-top:1px solid #E2E8F0;flex-shrink:0;display:flex;flex-direction:column;gap:.25rem}.sidebar-logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;color:#475569;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem;white-space:nowrap}.sidebar-logout-btn:hover{background:#fef2f2;color:#dc2626}.logout-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ef4444}.logout-label{font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.admin-sidebar.collapsed .sidebar-footer{align-items:center;padding:.75rem .5rem}.admin-sidebar.collapsed .sidebar-logout-btn{justify-content:center;padding:.625rem;border-radius:12px;width:44px;height:44px}.mobile-hamburger{display:none;position:fixed;top:1rem;left:1rem;z-index:1000;background:#fff;border:1px solid #E2E8F0;width:44px;height:44px;border-radius:10px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.mobile-hamburger:active{transform:scale(.95)}.hamburger-line{display:block;width:20px;height:2px;background:#334155;border-radius:2px;transition:all .3s ease}.sidebar-overlay{display:none}.logout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .25s ease-out}.logout-dialog{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 60px #0003;max-width:400px;width:90%;animation:dialogSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dialog-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;display:flex;align-items:center;gap:.75rem}.warning-icon{font-size:1.4rem}.dialog-message{color:#64748b;font-size:.95rem;margin:0 0 1.5rem;line-height:1.5}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #E2E8F0}.btn-secondary:hover{background:#e2e8f0;color:#334155}.btn-primary{background:linear-gradient(135deg,#0052cc,#06f);color:#fff;box-shadow:0 4px 12px #0052cc40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0052cc59}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nav-item-container{position:relative}.dropdown-toggle{width:100%;background:transparent;border:none;text-align:left;cursor:pointer;position:relative}.dropdown-chevron{position:absolute;right:.75rem;font-size:.65rem;transition:transform .3s ease;opacity:.5;color:#64748b}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-menu{display:flex;flex-direction:column;gap:.125rem;padding-left:.5rem;margin-top:.25rem;margin-bottom:.25rem;animation:dropdownSlideIn .25s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem 1.5rem;text-decoration:none;color:#64748b;border-radius:8px;transition:all .2s ease;font-weight:500;font-size:.85rem;white-space:nowrap;position:relative}.dropdown-item:hover{background:#f1f5f9;color:#1e293b}.dropdown-item.active{background:#f1f5f9;color:#0052cc;font-weight:600}.dropdown-item.active:before{content:"";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#0052cc}.dropdown-item .nav-icon{font-size:1rem;color:#64748b}.dropdown-item:hover .nav-icon,.dropdown-item.active .nav-icon{color:#0052cc}.dropdown-item .nav-label{font-size:.85rem}.admin-sidebar.collapsed .dropdown-menu,.admin-sidebar.collapsed .dropdown-chevron{display:none}@media (max-width: 1440px){.admin-sidebar.open{width:250px}.admin-sidebar.collapsed{width:68px}}@media (max-width: 1024px){.admin-sidebar.open{width:240px}.admin-sidebar.collapsed{width:64px}.sidebar-header{padding:1rem .75rem}.sidebar-nav{padding:.75rem .5rem;gap:.2rem}.sidebar-nav-item,.sidebar-logout-btn{padding:.55rem .65rem;font-size:.875rem}}@media (max-width: 900px){.admin-sidebar.open{width:220px}.admin-sidebar.collapsed{width:60px}.sidebar-nav-item{padding:.5rem .6rem;font-size:.85rem}}@media (max-width: 768px){.mobile-hamburger{display:flex}.admin-sidebar{position:fixed;left:0;top:0;height:100vh;z-index:999}.admin-sidebar.open{width:260px;box-shadow:4px 0 20px #0000001a}.admin-sidebar.collapsed{width:0;border-right:none}.sidebar-overlay,.sidebar-expand-btn{display:none}.sidebar-header{padding:1rem}.sidebar-nav{padding:.75rem .5rem;gap:.2rem}.sidebar-nav-item{padding:.55rem .6rem;font-size:.85rem;gap:.65rem}.sidebar-footer{padding:.75rem .5rem;gap:.25rem}.sidebar-logout-btn{padding:.55rem .6rem;font-size:.85rem;gap:.65rem}.logout-dialog{width:90%;padding:1.5rem}.dialog-title{font-size:1.1rem}.dialog-message{font-size:.9rem}.btn{padding:.65rem 1.25rem;font-size:.9rem}}@media (max-width: 600px){.admin-sidebar.open{width:100%}.sidebar-header{padding:.75rem}.brand-text{font-size:.95rem}.brand-logo{width:30px;height:30px}.sidebar-toggle{width:28px;height:28px}.sidebar-nav{padding:.5rem .4rem;gap:.15rem}.sidebar-nav-item{padding:.5rem;font-size:.8rem;gap:.5rem}.sidebar-footer{padding:.5rem .4rem;gap:.2rem}.sidebar-logout-btn{padding:.5rem;font-size:.8rem;gap:.5rem}.logout-dialog{width:92%;padding:1.25rem}.dialog-title{font-size:1rem}.dialog-message{font-size:.85rem}.dialog-actions{gap:.5rem}.btn{padding:.6rem 1rem;font-size:.85rem}}@media (max-width: 480px){.admin-sidebar.open{width:100%}.sidebar-header{padding:.65rem}.brand-text{font-size:.9rem}.brand-logo{width:28px;height:28px}.sidebar-toggle{width:26px;height:26px}.sidebar-nav{padding:.5rem .35rem;gap:.1rem}.sidebar-nav-item{padding:.45rem;font-size:.75rem;gap:.4rem}.sidebar-footer{padding:.5rem .35rem}.sidebar-logout-btn{padding:.45rem;font-size:.75rem;gap:.4rem}.logout-dialog{width:90%;padding:1rem}.dialog-title{font-size:.95rem}.dialog-message{font-size:.8rem}.dialog-actions{gap:.4rem}.btn{padding:.55rem .9rem;font-size:.8rem}}@media (max-width: 768px){.dropdown-item{padding:.45rem .6rem .45rem 1.25rem;font-size:.8rem;gap:.5rem}.dropdown-chevron{right:.6rem;font-size:.6rem}}@media (max-width: 480px){.dropdown-item{padding:.4rem .5rem .4rem 1rem;font-size:.75rem;gap:.4rem}.dropdown-chevron{right:.5rem;font-size:.55rem}}.admin-content{padding:1.5rem 1.75rem}.dash-content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;gap:1rem}.dash-header-left{flex:1}.dash-title{font-size:1.65rem;font-weight:800;color:#0f172a;margin:0 0 .35rem;letter-spacing:-.02em}.dash-subtitle{font-size:.9rem;color:#64748b;margin:0;font-weight:400;line-height:1.5}.dash-header-right{flex-shrink:0;display:flex;align-items:center;gap:1rem}.dash-time-filter{padding:.6rem 1rem;border:1px solid #E2E8F0;border-radius:10px;background-color:#fff;color:#334155;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;outline:none;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.dash-time-filter:hover{border-color:#cbd5e1}.dash-time-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.export-actions{display:flex;align-items:center;gap:.5rem}.export-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;border-radius:8px;border:1px solid #E2E8F0;background:#fff;color:#334155;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 1px 2px #0000000a}.export-btn:hover{background:#1d9e75;color:#fff;border-color:#1d9e75;transform:translateY(-1px);box-shadow:0 4px 12px #1d9e7540}.export-btn:active{transform:translateY(0)}.kpi-cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.75rem}.kpi-card{background:#fff;border-radius:16px;padding:1.35rem 1.5rem;box-shadow:0 1px 3px #0000000f,0 0 0 1px #00000005;display:flex;align-items:flex-start;gap:1rem;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;border-radius:16px 16px 0 0}.kpi-blue:after{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.kpi-teal:after{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}.kpi-red:after{background:linear-gradient(90deg,#ef4444,#f87171)}.kpi-amber:after{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.kpi-purple:after{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.kpi-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon-blue{background:#eff6ff;color:#3b82f6}.kpi-icon-teal{background:#f0fdfa;color:#14b8a6}.kpi-icon-red{background:#fef2f2;color:#ef4444}.kpi-icon-amber{background:#fffbeb;color:#f59e0b}.kpi-icon-purple{background:#f5f3ff;color:#8b5cf6}.kpi-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.kpi-label{font-size:.78rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:1.65rem;font-weight:800;color:#0f172a;line-height:1.2;letter-spacing:-.02em}.kpi-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:20px;width:fit-content;margin-top:.15rem}.kpi-badge-green{background:#f0fdf4;color:#16a34a}.kpi-badge-red{background:#fef2f2;color:#dc2626}.kpi-badge-amber{background:#fffbeb;color:#d97706}.analytics-section{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000f,0 0 0 1px #00000005;border-left:4px solid #E2E8F0}.section-residents{border-left-color:#3b82f6}.section-household{border-left-color:#14b8a6}.section-announcements{border-left-color:#8b5cf6}.section-events{border-left-color:#f59e0b}.section-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #F1F5F9}.section-header-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon-blue{background:#eff6ff;color:#3b82f6}.section-icon-teal{background:#f0fdfa;color:#14b8a6}.section-icon-purple{background:#f5f3ff;color:#8b5cf6}.section-icon-amber{background:#fffbeb;color:#f59e0b}.section-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.section-desc{font-size:.8rem;color:#64748b;margin:.15rem 0 0;font-weight:400}.section-charts{display:flex;gap:1.25rem;margin-bottom:1.25rem}.section-charts:last-child{margin-bottom:0}.dash-two-col{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}.dash-main-col{display:flex;flex-direction:column;min-width:0}.dash-sidebar-col{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.dash-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000f,0 0 0 1px #00000005}.dash-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid #F1F5F9}.dash-card-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em;display:flex;align-items:center;gap:.45rem}.card-title-icon{color:#64748b;flex-shrink:0}.chart-period-badge{display:inline-flex;align-items:center;background:#f1f5f9;color:#64748b;font-size:.72rem;font-weight:600;padding:.25rem .65rem;border-radius:20px;letter-spacing:.02em}.charts-row{display:flex;gap:1.5rem}.chart-card{overflow:hidden;position:relative}.chart-card-wide{flex:1.65;min-width:0}.chart-card-narrow{flex:1;min-width:0;position:relative}.chart-card-half{flex:1;min-width:0}.chart-container{position:relative}.chart-container-line{height:230px}.chart-container-doughnut{height:200px;display:flex;align-items:center;justify-content:center}.chart-container-bar{height:220px}.doughnut-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.doughnut-center-num{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1}.doughnut-center-text{font-size:.7rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.sidebar-card{padding:1.25rem}.sidebar-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sidebar-qa-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1.15rem .75rem;background:#f8fafc;border-radius:12px;border:1px solid #E2E8F0;text-decoration:none;transition:all .2s ease}.sidebar-qa-btn:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.sidebar-qa-btn .qa-icon-wrap{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center}.sidebar-qa-btn .qa-icon-wrap svg{width:22px;height:22px}.qa-blue{background:#eff6ff;color:#3b82f6}.qa-teal{background:#f0fdfa;color:#14b8a6}.qa-amber{background:#fffbeb;color:#f59e0b}.qa-label{font-size:.78rem;font-weight:600;color:#334155;text-align:center;line-height:1.25}.sidebar-qa-btn:hover .qa-label{color:#0f172a}.activity-card{max-height:580px;display:flex;flex-direction:column}.activity-card .dash-card-header{flex-shrink:0}.activity-feed{flex:1;overflow-y:auto;padding-right:.25rem;display:flex;flex-direction:column;gap:0}.activity-feed::-webkit-scrollbar{width:4px}.activity-feed::-webkit-scrollbar-track{background:transparent}.activity-feed::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.activity-feed::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;color:#94a3b8}.activity-empty svg{margin-bottom:.75rem;opacity:.5}.activity-empty p{font-size:.88rem;font-weight:600;color:#64748b;margin:0 0 .25rem}.activity-empty span{font-size:.78rem;color:#94a3b8}.activity-item{display:flex;gap:.75rem;padding:.85rem 0;border-bottom:1px solid #F8FAFC;transition:background .15s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#fafbfc;border-radius:8px;margin:0 -.35rem;padding-left:.35rem;padding-right:.35rem}.activity-icon-dot{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.activity-icon-dot.act-green{background:#f0fdf4;color:#16a34a}.activity-icon-dot.act-blue{background:#eff6ff;color:#3b82f6}.activity-icon-dot.act-red{background:#fef2f2;color:#ef4444}.activity-icon-dot.act-teal{background:#f0fdfa;color:#14b8a6}.activity-icon-dot.act-amber{background:#fffbeb;color:#d97706}.activity-icon-dot.act-gray{background:#f1f5f9;color:#64748b}.activity-content{flex:1;min-width:0}.activity-desc{font-size:.82rem;font-weight:500;color:#1e293b;margin:0 0 .3rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.15rem}.activity-action-badge{display:inline-flex;font-size:.65rem;font-weight:700;padding:.12rem .45rem;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.activity-action-badge.act-green{background:#f0fdf4;color:#16a34a}.activity-action-badge.act-blue{background:#eff6ff;color:#3b82f6}.activity-action-badge.act-red{background:#fef2f2;color:#ef4444}.activity-action-badge.act-teal{background:#f0fdfa;color:#14b8a6}.activity-action-badge.act-amber{background:#fffbeb;color:#d97706}.activity-action-badge.act-gray{background:#f1f5f9;color:#64748b}.activity-time{font-size:.72rem;color:#94a3b8;font-weight:500}.activity-admin{font-size:.7rem;color:#94a3b8;font-weight:500}@media (max-width: 1280px){.kpi-cards-row{grid-template-columns:repeat(2,1fr)}.dash-two-col{grid-template-columns:1fr 320px}}@media (max-width: 1024px){.admin-content{padding:1.5rem}.dash-two-col{grid-template-columns:1fr}.dash-sidebar-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.section-charts{flex-direction:column}.dash-title{font-size:1.4rem}}@media (max-width: 768px){.admin-content{padding:1rem}.dash-content-header{flex-direction:column;gap:.75rem}.export-report-btn{width:100%;justify-content:center}.kpi-cards-row{grid-template-columns:1fr 1fr;gap:.75rem}.kpi-card{padding:1rem 1.15rem}.kpi-icon-wrap{width:44px;height:44px;border-radius:12px}.kpi-icon-wrap svg{width:22px;height:22px}.kpi-value{font-size:1.35rem}.kpi-label{font-size:.7rem}.dash-card{padding:1.15rem}.dash-card-header{margin-bottom:1rem;padding-bottom:.65rem}.dash-card-title{font-size:.95rem}.chart-container-line{height:200px}.chart-container-bar,.chart-container-doughnut{height:180px}.sidebar-quick-actions{grid-template-columns:repeat(4,1fr);gap:.5rem}.sidebar-qa-btn{padding:.85rem .5rem;gap:.45rem}.sidebar-qa-btn .qa-icon-wrap{width:36px;height:36px}.qa-label{font-size:.72rem}.activity-card{max-height:400px}}@media (max-width: 480px){.admin-content{padding:.75rem}.dash-title{font-size:1.2rem}.dash-subtitle{font-size:.8rem}.kpi-cards-row{grid-template-columns:1fr;gap:.65rem}.kpi-card{padding:1rem;gap:.75rem}.kpi-icon-wrap{width:40px;height:40px;border-radius:10px}.kpi-icon-wrap svg{width:20px;height:20px}.kpi-value{font-size:1.15rem}.dash-card{padding:1rem;border-radius:12px}.chart-container-line{height:180px}.chart-container-bar,.chart-container-doughnut{height:160px}.sidebar-quick-actions{grid-template-columns:1fr 1fr}.analytics-section{padding:1rem}}@media print{.admin-dashboard .admin-content{padding:0}.dash-sidebar-col,.export-report-btn,.dash-header-right{display:none!important}.dash-two-col{grid-template-columns:1fr}.analytics-section{break-inside:avoid;box-shadow:none;border:1px solid #E2E8F0;margin-bottom:2rem}.kpi-card,.chart-card{break-inside:avoid}}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;border-radius:16px 16px 0 0}.stat-total:after{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-upcoming:after{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}.stat-past:after{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.stat-value{font-size:1.65rem;font-weight:800;color:#0f172a;margin:0;line-height:1.2;letter-spacing:-.02em}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;font-size:1.1rem;color:#94a3b8;pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 2.8rem;border:1px solid #E2E8F0;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fff;color:#0f172a}.alerts-table-card{background:#fff;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000f,0 0 0 1px #00000005;margin-bottom:2rem}.table-card-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1.25rem;letter-spacing:-.01em}.admin-category-tabs{display:flex;gap:.45rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-cat-tab{padding:.45rem 1rem;border-radius:999px;border:1.5px solid #E2E8F0;background:#fff;color:#64748b;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.admin-cat-tab:hover{background:#f8fafc;filter:brightness(.97)}.admin-cat-tab.active{color:#fff;font-weight:700}.admin-ann-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.admin-ann-card{background:#fff;border-radius:12px;border:2px solid transparent;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .25s ease;display:flex;flex-direction:column;position:relative}.admin-ann-card.border-environment:hover{border-color:#16a34a;box-shadow:0 4px 16px #16a34a33;transform:translateY(-4px)}.admin-ann-card.border-health:hover{border-color:#2563eb;box-shadow:0 4px 16px #2563eb33;transform:translateY(-4px)}.admin-ann-card.border-safety:hover{border-color:#dc2626;box-shadow:0 4px 16px #dc262633;transform:translateY(-4px)}.admin-ann-card.border-events:hover{border-color:#7c3aed;box-shadow:0 4px 16px #7c3aed33;transform:translateY(-4px)}.admin-ann-card.border-services:hover{border-color:#ea580c;box-shadow:0 4px 16px #ea580c33;transform:translateY(-4px)}.admin-ann-card.border-pinned:hover{border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b40;transform:translateY(-4px)}.admin-ann-banner{width:100%;height:180px;overflow:hidden;position:relative;flex-shrink:0}.admin-ann-banner-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.admin-ann-card:hover .admin-ann-banner-img{transform:scale(1.03)}.admin-ann-banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.admin-ann-banner-placeholder:before{content:"";position:absolute;top:-40%;right:-20%;width:240px;height:240px;background:#ffffff1a;border-radius:50%}.admin-ann-banner-placeholder:after{content:"";position:absolute;bottom:-30%;left:-15%;width:180px;height:180px;background:#ffffff12;border-radius:50%}.admin-ann-placeholder-icon{color:#ffffffe6;position:relative;z-index:1;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-ann-actions-overlay{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transition:opacity .2s ease;z-index:2}.admin-ann-card:hover .admin-ann-actions-overlay{opacity:1}.admin-ann-action-btn{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 6px #00000026}.admin-ann-edit{background:#ffffffeb;color:#3b82f6}.admin-ann-edit:hover{background:#3b82f6;color:#fff}.admin-ann-delete{background:#ffffffeb;color:#ef4444}.admin-ann-delete:hover{background:#ef4444;color:#fff}.admin-ann-body{padding:16px;display:flex;flex-direction:column;flex:1}.admin-ann-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;line-height:1.4;text-transform:uppercase}.type-environment{background:#dcfce7;color:#15803d}.type-health{background:#dbeafe;color:#1d4ed8}.type-safety{background:#fee2e2;color:#b91c1c}.type-events{background:#f3e8ff;color:#6d28d9}.type-services{background:#fff7ed;color:#c2410c}.type-pinned{background:#fef3c7;color:#92400e;font-size:.68rem}.type-general{background:#dbeafe;color:#1d4ed8}.type-emergency,.type-important,.type-security{background:#fee2e2;color:#b91c1c}.type-infrastructure{background:#f1f5f9;color:#334155}.admin-ann-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0 0 6px;line-height:1.4;letter-spacing:-.01em}.admin-ann-desc{font-size:.85rem;color:#64748b;line-height:1.6;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-ann-dates{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid #F1F5F9;margin-top:auto}.admin-ann-date-row{display:flex;align-items:center;gap:6px;font-size:.78rem}.admin-ann-date-label{font-weight:600;color:#94a3b8;min-width:60px}.admin-ann-date-value{color:#94a3b8;font-weight:400}.admin-ann-empty{text-align:center;padding:3.5rem 2rem}.admin-ann-empty-icon{display:block;opacity:.2;margin-bottom:1rem}.admin-ann-empty h3{font-size:1.2rem;color:#0f172a;margin-bottom:.5rem;font-weight:700}.admin-ann-empty p{color:#64748b;font-size:.9rem}.image-upload-zone{border:2px dashed #CBD5E1;border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#f8fafc}.image-upload-zone:hover{border-color:#3b82f6;background:#eff6ff}.image-upload-zone.dragging{border-color:#3b82f6;background:#dbeafe;box-shadow:0 0 0 3px #3b82f626}.upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-zone-content .upload-icon{color:#94a3b8}.image-upload-zone:hover .upload-icon,.image-upload-zone.dragging .upload-icon{color:#3b82f6}.upload-text{font-size:.9rem;font-weight:500;color:#334155;margin:0}.upload-hint{font-size:.78rem;color:#94a3b8}.image-preview-container{position:relative;border-radius:12px;overflow:hidden;border:1px solid #E2E8F0}.image-preview{width:100%;height:180px;object-fit:cover;display:block}.image-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#0f172ab3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.image-remove-btn:hover{background:#ef4444}.pinned-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.pinned-toggle input[type=checkbox]{display:none}.pinned-toggle-slider{width:40px;height:22px;border-radius:11px;background:#cbd5e1;position:relative;transition:background .2s ease;flex-shrink:0}.pinned-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.pinned-toggle input[type=checkbox]:checked+.pinned-toggle-slider{background:#3b82f6}.pinned-toggle input[type=checkbox]:checked+.pinned-toggle-slider:after{transform:translate(18px)}.pinned-toggle-label{font-size:.88rem;font-weight:500;color:#334155}.modal-dialog{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:dialogFloatIn .3s ease-out}.modal-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#94a3b8;transition:color .2s ease;padding:0;display:flex}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:10px;font-size:.95rem;transition:all .2s ease;background:#fff;color:#0f172a;font-family:inherit}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.input-error,.form-textarea.input-error{border-color:#ef4444;background:#fef2f2}.form-input.input-error:focus,.form-textarea.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-hint{display:block;color:#64748b;font-size:.8rem;margin-top:.35rem}.form-textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;gap:12px;margin-top:1.75rem}@keyframes dialogFloatIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1024px){.admin-content{padding:1.5rem}.admin-ann-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.admin-content{padding:1rem}.admin-page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{padding:1rem 1.15rem}.stat-value{font-size:1.35rem}.filters-section{flex-direction:column;gap:.75rem}.search-box,.filter-select{width:100%}.modal-dialog{width:95%}.modal-header,.modal-form{padding:1.25rem}.admin-ann-grid{grid-template-columns:1fr}.admin-ann-banner{height:160px}}@media (max-width: 480px){.admin-content{padding:.75rem}.admin-page-title{font-size:1.4rem}.stats-grid{grid-template-columns:1fr;gap:.65rem}.alerts-table-card{padding:1.25rem}.admin-category-tabs{gap:.3rem;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem;margin-bottom:1rem}.admin-category-tabs::-webkit-scrollbar{display:none}.admin-cat-tab{padding:.35rem .7rem;font-size:.72rem;flex-shrink:0}.admin-ann-banner{height:140px}.admin-ann-body{padding:14px}.admin-ann-title{font-size:.95rem}.type-badge{font-size:.65rem;padding:3px 8px}.admin-ann-actions-overlay{opacity:1}}.admin-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.admin-page-title{font-size:1.65rem;font-weight:800;color:#0f172a;margin:0 0 .3rem;letter-spacing:-.02em}.admin-page-subtitle{font-size:.9rem;color:#64748b;margin:0;font-weight:400}.rv-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem}.rv-stat{background:#fff;border-radius:14px;padding:1.15rem 1.25rem;box-shadow:0 1px 3px #0000000d;display:flex;align-items:center;gap:.85rem;cursor:pointer;border:2px solid transparent;transition:all .2s ease;text-align:left;font-family:inherit}.rv-stat:hover{box-shadow:0 4px 16px #00000012;transform:translateY(-2px)}.rv-stat-active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 2px 8px #0000000f}.rv-stat-num{display:block;font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1.2;letter-spacing:-.02em}.rv-stat-label{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.rv-card{background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.rv-card:hover{box-shadow:0 6px 20px #00000012;transform:translateY(-2px)}.rv-card-top{display:flex;align-items:center;gap:.85rem;padding:1.15rem 1.25rem;border-bottom:1px solid #F1F5F9}.rv-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;background:#eff6ff;color:#3b82f6}.rv-avatar-pending{background:#fef3c7;color:#d97706}.rv-avatar-verified{background:#d1fae5;color:#059669}.rv-avatar-declined{background:#fee2e2;color:#dc2626}.rv-avatar-lg{width:52px;height:52px;font-size:1.2rem}.rv-card-identity{flex:1;min-width:0}.rv-card-name{font-size:.98rem;font-weight:700;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-card-email{font-size:.8rem;color:#94a3b8;margin:.15rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .65rem;border-radius:20px;font-size:.72rem;font-weight:600;flex-shrink:0;white-space:nowrap}.rv-badge-pending{background:#fef9c3;color:#a16207}.rv-badge-verified{background:#d1fae5;color:#065f46}.rv-badge-declined{background:#fee2e2;color:#991b1b}.rv-card-details{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.25rem}.rv-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;font-size:.78rem;color:#475569;max-width:100%}.rv-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.rv-chip-link{cursor:pointer;color:#3b82f6;border-color:#bfdbfe;background:#eff6ff;font-weight:500;transition:all .15s ease}.rv-chip-link:hover{background:#dbeafe;border-color:#93c5fd}.rv-card-meta{display:flex;align-items:center;gap:.4rem;padding:0 1.25rem;font-size:.78rem;font-weight:500;margin-bottom:.5rem}.rv-meta-verified{color:#059669}.rv-meta-declined{color:#dc2626}.rv-decline-reason{display:flex;align-items:flex-start;gap:.4rem;margin:0 1.25rem .75rem;padding:.6rem .85rem;background:#fffbeb;border-left:3px solid #F59E0B;border-radius:0 6px 6px 0;font-size:.78rem;color:#92400e;line-height:1.45}.rv-decline-reason span{flex:1}.rv-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid #F1F5F9;margin-top:auto;gap:.5rem}.rv-btn-ghost{background:none;border:none;color:#3b82f6;font-size:.8rem;font-weight:600;cursor:pointer;padding:.35rem 0;display:inline-flex;align-items:center;gap:.35rem;transition:color .15s ease;font-family:inherit}.rv-btn-ghost:hover{color:#2563eb;text-decoration:underline}.rv-card-actions{display:flex;gap:.5rem}.rv-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600;border:1px solid;cursor:pointer;transition:all .15s ease;font-family:inherit}.rv-btn-approve{background:#fff;color:#16a34a;border-color:#bbf7d0}.rv-btn-approve:hover{background:#dcfce7;border-color:#86efac}.rv-btn-decline{background:#fff;color:#ef4444;border-color:#fecaca}.rv-btn-decline:hover{background:#fef2f2;border-color:#fca5a5}.detail-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #F1F5F9}.detail-name{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}.detail-email{font-size:.88rem;color:#64748b;margin:.2rem 0 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.detail-item-full{grid-column:1 / -1}.detail-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}.detail-value{font-size:.92rem;color:#0f172a;font-weight:500}.detail-proof-section{padding-top:1rem;border-top:1px solid #F1F5F9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlayIn .15s ease-out}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-dialog{background:#fff;border-radius:16px;width:90%;max-width:560px;max-height:90vh;box-shadow:0 20px 25px -5px #0000001f;animation:dialogIn .2s ease-out;display:flex;flex-direction:column}@keyframes dialogIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #F1F5F9}.modal-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}.modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:.25rem;border-radius:6px;display:flex;transition:all .15s ease}.modal-close:hover{color:#0f172a;background:#f1f5f9}.modal-body{padding:1.5rem;flex:1;overflow-y:auto}.modal-footer{display:flex;gap:12px;padding:1rem 1.5rem;border-top:1px solid #F1F5F9;background:#f8fafc;border-radius:0 0 16px 16px}.modal-message{color:#475569;font-size:.92rem;margin-bottom:1rem;line-height:1.5}.btn{padding:.55rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .15s ease;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-family:inherit}.btn-primary{background:#3b82f6;color:#fff;text-decoration:none}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#fff;color:#475569;border:1px solid #CBD5E1}.btn-secondary:hover{background:#f1f5f9;color:#0f172a}.btn-danger:hover{background:#dc2626}.btn-approve-confirm{background:#16a34a;color:#fff}.btn-approve-confirm:hover{background:#15803d}.proof-viewer{width:100%;height:400px;border:1px solid #E2E8F0;border-radius:10px;background:#f8fafc}.proof-image{max-width:100%;max-height:450px;object-fit:contain;display:block;margin:0 auto;border-radius:8px}.decline-textarea{width:100%;padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:10px;font-size:.92rem;font-family:inherit;resize:vertical;min-height:100px;color:#0f172a;transition:border-color .15s ease}.decline-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000d}.empty-icon{display:block;margin-bottom:.75rem;opacity:.18}.empty-state h3{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 .4rem}.loading-container{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000d}.loading-spinner{color:#3b82f6;animation:spin 1s linear infinite;opacity:.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-content{padding:1rem}.rv-stats-row{grid-template-columns:1fr;gap:.65rem}.rv-grid{grid-template-columns:1fr}.rv-card-footer{flex-direction:column;align-items:stretch}.rv-card-actions{justify-content:stretch}.rv-btn{flex:1;justify-content:center}.rv-btn-ghost{text-align:center;justify-content:center}.modal-dialog{width:95%;max-height:95vh}.detail-grid{grid-template-columns:1fr}}@media (max-width: 480px){.rv-card-details{gap:.35rem}.rv-chip span{max-width:120px}}.admin-container{max-width:100%}.accounts-card{background:#fff;border-radius:16px;padding:1.5rem 2rem;box-shadow:0 1px 3px #0000000f,0 0 0 1px #00000005;margin-bottom:2rem}.card-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1.25rem}.table-responsive{overflow-x:auto;border-radius:12px;border:1px solid #F1F5F9}.accounts-table{width:100%;border-collapse:collapse}.accounts-table thead{background:#f8fafc}.accounts-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #E2E8F0;white-space:nowrap}.accounts-table td{padding:1rem 1.25rem;color:#334155;border-bottom:1px solid #F1F5F9;font-size:.9rem;vertical-align:middle}.accounts-table tbody tr{transition:background-color .15s ease}.accounts-table tbody tr:hover{background:#f8fafc}.accounts-table tbody tr:last-child td{border-bottom:none}.account-cell{display:flex;align-items:center;gap:.75rem}.account-name{font-weight:600;color:#0f172a;white-space:nowrap}.avatar-circle{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;text-transform:uppercase}.avatar-purple{background:linear-gradient(135deg,#a855f7,#7e22ce)}.avatar-teal{background:linear-gradient(135deg,#2dd4bf,#0f766e)}.avatar-gray{background:linear-gradient(135deg,#94a3b8,#475569)}.avatar-lg{width:52px;height:52px;font-size:1.2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.perm-progress-wrapper{display:inline-flex;align-items:center;gap:.5rem}.perm-segments{display:flex;gap:3px}.perm-segment{width:8px;height:16px;border-radius:2px;background:#e2e8f0}.perm-segment.filled{background:var(--admin-accent)}.perm-progress-label{font-size:.8rem;font-weight:600;color:#475569}.empty-table{text-align:center;padding:3.5rem 2rem}.empty-icon{font-size:3rem;opacity:.2;display:block;margin-bottom:.75rem}.empty-table p{color:#64748b;font-size:.95rem;margin:0}.modal-dialog{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;animation:dialogFloatIn .3s ease-out}.modal-dialog.modal-lg{max-width:640px}.modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;transition:color .2s ease;padding:0}.modal-form{padding:1.5rem 1.75rem}.form-group{margin-bottom:1.15rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{display:block;font-weight:600;color:#334155;margin-bottom:.35rem;font-size:.85rem}.form-input{width:100%;padding:.7rem .9rem;border:1px solid #E2E8F0;border-radius:10px;font-size:.9rem;transition:all .2s ease;background:#fff;color:#0f172a;font-family:inherit;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:#f8fafc;color:#64748b;border-color:#e2e8f0;cursor:not-allowed}.form-input.input-error{border-color:#ef4444;background:#fef2f2}.field-error{display:block;color:#ef4444;font-size:.78rem;margin-top:.3rem;font-weight:500}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.permission-card:last-child:nth-child(odd){grid-column:1 / 2}.permission-card{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .9rem;border:1.5px solid #E2E8F0;border-radius:10px;cursor:pointer;transition:border-color .18s ease,background .18s ease;background:#fff;-webkit-user-select:none;user-select:none}.permission-card:hover{border-color:#93c5fd;background:#f0f9ff}.permission-card.checked{border-color:#3b82f6;background:#eff6ff}.permission-card input[type=checkbox]{width:15px;height:15px;accent-color:#3B82F6;cursor:pointer;margin-top:3px;flex-shrink:0}.perm-card-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#f1f5f9;color:#64748b;flex-shrink:0;transition:background .18s,color .18s}.permission-card.checked .perm-card-icon{background:#dbeafe;color:#2563eb}.perm-card-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.perm-card-label{font-size:.85rem;font-weight:600;color:#1e293b;line-height:1.3}.perm-card-desc{font-size:.74rem;color:#64748b;line-height:1.3}.permissions-view{display:flex;flex-wrap:wrap;gap:.4rem}.perm-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:20px;font-size:.78rem;font-weight:500}.perm-on{background:#dcfce7;color:#16a34a}.perm-off{background:#f1f5f9;color:#94a3b8}.view-profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #F1F5F9}.view-name{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 .15rem}.view-email{color:#64748b;font-size:.88rem;margin:0}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.25rem}.detail-item{display:flex;flex-direction:column;gap:.2rem}.detail-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.detail-item>span:last-child{font-size:.9rem;color:#0f172a}.btn{padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:8px;transition:all .2s ease;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#fff;color:#475569;border-color:#cbd5e1}.btn-secondary:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-icon{font-size:1.1rem}.delete-dialog{background:#fff;border-radius:16px;padding:2.5rem 2rem;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a;text-align:center;animation:dialogFloatIn .3s ease-out}.dialog-title{font-size:1.4rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.6rem}.warning-icon{color:#f59e0b}@media (max-width: 768px){.admin-content{padding:1rem}.admin-page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.accounts-card{padding:1rem}.modal-dialog{width:95%}.modal-dialog.modal-lg{max-width:95%}.modal-header,.modal-form{padding:1.25rem}.form-row,.permissions-grid,.details-grid{grid-template-columns:1fr}.accounts-table th,.accounts-table td{padding:.75rem 1rem}}:root{--admin-bg: #F4F6F8;--admin-accent: #1D9E75;--admin-accent-hover: #14805e;--admin-text-main: #0F172A;--admin-text-muted: #64748B;--admin-border: #E2E8F0;--admin-card-bg: #ffffff;--admin-hover-bg: #f0faf8;--admin-hover-border: #1D9E75}.admin-dashboard{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;background-color:var(--admin-bg)!important;min-height:100vh}.admin-dashboard *{font-family:DM Sans,sans-serif}.admin-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;gap:1.25rem;flex-wrap:wrap}.admin-page-header>div{flex:1;min-width:0}.admin-page-title{font-size:1.65rem;font-weight:700;color:var(--admin-text-main);margin:0 0 .35rem;letter-spacing:-.02em}.admin-page-subtitle{font-size:.95rem;color:var(--admin-text-muted);margin:0;font-weight:400;line-height:1.5}.admin-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:8px;border:none;background:var(--admin-accent);color:#fff;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.admin-add-btn:hover{background:var(--admin-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1d9e7540}.admin-add-btn:active{transform:translateY(0)}.admin-add-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center}.admin-add-btn .btn-icon svg{width:18px;height:18px}.admin-card{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000005}.admin-card-title{font-size:1.15rem;font-weight:600;color:var(--admin-text-main);margin:0 0 1.25rem}.badge-pill{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap}.badge-teal{background:#e6f5f0;color:var(--admin-accent)}.badge-green{background:#e8f5e9;color:#2e7d32}.badge-amber{background:#fff8e1;color:#f57f17}.badge-red{background:#ffebee;color:#c62828}.badge-gray{background:#f1f5f9;color:#64748b}.badge-purple{background:#f3e8ff;color:#7e22ce}.badge-blue{background:#eff6ff;color:#2563eb}.action-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--admin-border);background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;color:var(--admin-text-muted)}.action-icon-btn:hover{background:#f8fafc}.action-icon-btn.view{color:#3b82f6}.action-icon-btn.view:hover{background:#eff6ff;border-color:#bfdbfe}.action-icon-btn.edit{color:#f59e0b}.action-icon-btn.edit:hover{background:#fffbeb;border-color:#fde68a}.action-icon-btn.delete{color:#ef4444}.action-icon-btn.delete:hover{background:#fef2f2;border-color:#fecaca}.action-icon-btn.approve{color:var(--admin-accent)}.action-icon-btn.approve:hover{background:#e6f5f0;border-color:#bbf0dd}.admin-table tbody tr{transition:all .15s ease;border-left:3px solid transparent}.admin-table tbody tr:hover{background-color:var(--admin-hover-bg);border-left-color:var(--admin-hover-border)}@media (max-width: 768px){.admin-page-header{flex-direction:column;align-items:stretch;gap:1rem}.admin-add-btn{width:100%;padding:.75rem 1.25rem}}.print-area{display:none}@media print{body *{visibility:hidden!important}.print-area,.print-area *{visibility:visible!important}.print-area{display:block!important;position:absolute;top:0;left:0;width:100%;z-index:99999;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:9px;line-height:1.3}@page{size:landscape!important;margin:10mm}.print-page-header{display:flex;align-items:center;position:relative;margin-bottom:20px}.print-header-left{position:absolute;left:0;top:0}.print-seal{width:60px;height:60px;object-fit:contain}.print-header-center{width:100%;text-align:center}.print-republic,.print-city{margin:0;font-size:10px;line-height:1.2}.print-header-center h1{font-size:13px;font-weight:700;margin:5px 0 0;line-height:1.2}.print-info-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.print-info-block{flex-shrink:0}.print-date-container{display:flex;align-items:center;gap:5px;margin-bottom:2px}.print-date-label{font-size:9px;font-weight:700}.print-date-box{border:1px solid #000;padding:2px 20px;font-size:9px;font-weight:700;min-width:100px;text-align:center}.print-info-block{display:flex;justify-content:flex-start;margin-bottom:8px}.print-info-table{border-collapse:collapse;font-size:8px}.print-info-table td{border:1px solid #000;padding:3px 8px;white-space:nowrap}.print-info-table .info-label{font-weight:700;text-align:left;width:120px}.print-info-table .info-value{text-align:left;min-width:120px}.print-info-table .psg-label{font-weight:700;text-align:center;width:30px}.print-info-table .psg-value{width:50px;text-align:center}.print-members-table{width:100%;border-collapse:collapse;font-size:8px;margin-bottom:10px}.print-members-table th,.print-members-table td{border:1px solid #000;padding:3px 4px;text-align:center;vertical-align:middle}.print-members-table thead th{background:#f0f0f0;font-weight:700;font-size:7px;text-transform:uppercase;letter-spacing:.3px}.print-members-table .header-group{font-size:8px;font-weight:700;background:#e0e0e0;text-transform:uppercase;letter-spacing:.5px}.print-members-table tbody td{font-size:8px;height:18px;text-align:left;padding:2px 4px}.print-members-table tbody tr.empty-row td{height:18px}.print-footer{text-align:center;font-size:8px;margin-top:8px;color:#333;font-style:italic}}.household-page{max-width:100%}.hh-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.75rem}.hh-stat-card{background:#fff;border-radius:16px;padding:1.35rem 1.5rem;box-shadow:0 1px 3px #0000000f,0 0 0 1px #00000005;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.hh-stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#3b82f6,#60a5fa)}.hh-stat-card.hh-stat-teal:after{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}.hh-stat-card.hh-stat-purple:after{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.hh-stat-card.hh-stat-amber:after{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.hh-stat-card.hh-stat-green:after{background:linear-gradient(90deg,#16a34a,#22c55e)}.hh-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.hh-stat-content{flex:1}.hh-stat-number{font-size:1.65rem;font-weight:800;color:#0f172a;margin:0;line-height:1.2;letter-spacing:-.02em}.hh-stat-label{font-size:.78rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem}.purok-breakdown{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.purok-pill{display:inline-flex;align-items:center;gap:.35rem;background:#f1f5f9;padding:.25rem .6rem;border-radius:20px;font-size:.72rem;font-weight:600;color:#475569}.purok-pill-count{background:#3b82f6;color:#fff;padding:.1rem .4rem;border-radius:12px;font-size:.68rem;font-weight:700}.hh-filters-section{display:flex;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap;align-items:center}.hh-search-input{min-width:250px;flex:1;padding:.75rem 1rem .75rem 2.8rem;border:1px solid #E2E8F0;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2394A3B8" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>') no-repeat 1rem center;color:#0f172a}.hh-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.hh-filter-select{padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:12px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .2s ease;min-width:150px;color:#0f172a}.hh-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.hh-table-card{background:#fff;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000f,0 0 0 1px #00000005;margin-bottom:2rem}.hh-table-card-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1.25rem;letter-spacing:-.01em}.hh-table-container{overflow-x:auto}.hh-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.hh-table thead th{text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #E2E8F0}.hh-table tbody tr{transition:background-color .15s ease}.hh-table tbody tr:hover{background:#f8fafc}.hh-table tbody td{padding:1.25rem;color:#334155;border-bottom:1px solid #F1F5F9;vertical-align:middle}.hh-table tbody tr:last-child td{border-bottom:none}.hh-no-cell{font-weight:700;color:#0f172a;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.88rem}.hh-member-count{display:inline-flex;align-items:center;gap:.4rem;background:#eff6ff;color:#3b82f6;padding:.3rem .75rem;border-radius:20px;font-weight:600;font-size:.85rem}.hh-purok-badge{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:20px;font-size:.75rem;font-weight:600;background:#f0fdfa;color:#14b8a6}.hh-actions{display:flex;gap:.35rem;align-items:center}.hh-action-btn{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease;color:#94a3b8}.hh-action-btn.view:hover{background:#eff6ff;color:#3b82f6;border-color:#bfdbfe}.hh-action-btn.edit:hover{background:#fffbeb;color:#f59e0b;border-color:#fde68a}.hh-action-btn.approve:hover{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.hh-action-btn.delete:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.hh-status-badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:20px;font-size:.72rem;font-weight:700}.hh-status-badge.pending{background:#fef3c7;color:#92400e}.hh-status-badge.approved{background:#dcfce7;color:#166534}.hh-large-modal{max-width:960px}.hh-view-modal{max-width:1150px}.hh-step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1.75rem;padding:0 1rem}.hh-step{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.hh-step:hover{background:#f8fafc}.hh-step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:#f1f5f9;color:#94a3b8;transition:all .2s ease;flex-shrink:0}.hh-step.active .hh-step-number{background:#3b82f6;color:#fff}.hh-step.completed .hh-step-number{background:#16a34a;color:#fff}.hh-step-label{font-size:.85rem;font-weight:600;color:#94a3b8;white-space:nowrap}.hh-step.active .hh-step-label{color:#0f172a}.hh-step.completed .hh-step-label{color:#16a34a}.hh-step-connector{width:40px;height:2px;background:#e2e8f0;margin:0 .25rem}.hh-step-connector.completed{background:#16a34a}.hh-form-group{margin-bottom:1.25rem}.hh-form-label{display:block;font-weight:600;color:#334155;margin-bottom:.4rem;font-size:.85rem}.hh-form-input,.hh-form-select{width:100%;padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:10px;font-size:.95rem;transition:all .2s ease;background:#fff;color:#0f172a;font-family:inherit}.hh-form-input:focus,.hh-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.hh-form-input.input-error,.hh-form-select.input-error{border-color:#ef4444}.hh-form-input:read-only{background:#f8fafc;color:#64748b;cursor:not-allowed}.hh-field-error{display:block;color:#ef4444;font-size:.8rem;margin-top:.35rem;font-weight:500}.hh-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.hh-form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}.hh-form-row-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}.hh-section-divider{margin:1.5rem 0;padding-top:1.5rem;border-top:1px solid #E2E8F0}.hh-section-title{font-size:.9rem;font-weight:700;color:#0f172a;margin:0 0 .35rem;display:flex;align-items:center;gap:.5rem}.hh-section-subtitle{font-size:.8rem;color:#64748b;margin:0 0 1rem}.hh-member-form-card{background:#f8fafc;border:1px solid #E2E8F0;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.hh-member-form-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;gap:.5rem}.hh-add-member-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:10px;border:1px solid #BBF7D0;background:#f0fdf4;color:#16a34a;cursor:pointer;transition:all .2s ease}.hh-add-member-btn:hover{background:#dcfce7;border-color:#86efac}.hh-members-preview{margin-top:1.5rem}.hh-members-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.hh-members-preview-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0}.hh-members-preview-count{font-size:.8rem;font-weight:600;color:#64748b}.hh-members-preview-table-wrap{overflow-x:auto;border:1px solid #E2E8F0;border-radius:10px}.hh-members-preview-table{width:100%;border-collapse:collapse;font-size:.82rem}.hh-members-preview-table th{text-align:left;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding:.75rem .65rem;background:#f8fafc;border-bottom:1px solid #E2E8F0;white-space:nowrap}.hh-members-preview-table td{padding:.65rem;color:#334155;border-bottom:1px solid #F1F5F9;white-space:nowrap}.hh-members-preview-table tbody tr:last-child td{border-bottom:none}.hh-members-preview-table tbody tr:hover{background:#f8fafc}.hh-head-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:6px;font-size:.68rem;font-weight:700;background:#eff6ff;color:#3b82f6;text-transform:uppercase}.hh-remove-member-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease;color:#94a3b8}.hh-remove-member-btn:hover{background:#fef2f2;color:#ef4444}.hh-no-members{text-align:center;padding:2rem 1.5rem;background:#f8fafc;border-radius:12px;border:1px dashed #CBD5E1}.hh-no-members-icon{font-size:2rem;opacity:.3;margin-bottom:.5rem}.hh-no-members p{color:#64748b;font-size:.9rem;margin:0}.hh-no-members .hh-required-notice{color:#ef4444;font-weight:600;font-size:.82rem;margin-top:.5rem}.hh-view-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;background:#f8fafc;border-radius:12px;padding:1.25rem;border:1px solid #E2E8F0}.hh-view-info-item{display:flex;flex-direction:column;gap:.2rem}.hh-view-info-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.hh-view-info-value{font-size:.95rem;font-weight:600;color:#0f172a}.hh-view-members-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.hh-view-table-wrap{overflow-x:auto;border:1px solid #E2E8F0;border-radius:10px}.hh-view-table{width:100%;border-collapse:collapse;font-size:.82rem}.hh-view-table th{text-align:left;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding:.75rem .6rem;background:#f8fafc;border-bottom:1px solid #E2E8F0;white-space:nowrap}.hh-view-table td{padding:.7rem .6rem;color:#334155;border-bottom:1px solid #F1F5F9;white-space:nowrap}.hh-view-table tbody tr:last-child td{border-bottom:none}.hh-view-table tbody tr:hover{background:#f8fafc}.hh-psg-inline{margin-bottom:1.5rem;padding:1rem 1.25rem;background:#fffbeb;border:1px solid #FDE68A;border-radius:10px}.hh-psg-label{font-size:.78rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;display:block}.hh-psg-row{display:flex;gap:.5rem;align-items:center}.hh-psg-input{width:160px;padding:.5rem .75rem;border:1px solid #E2E8F0;border-radius:8px;font-size:.9rem;background:#fff;color:#0f172a;font-family:inherit;transition:all .2s ease}.hh-psg-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.hh-psg-save-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .85rem;border-radius:8px;border:none;background:#16a34a;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.hh-psg-save-btn:hover:not(:disabled){background:#15803d}.hh-psg-save-btn:disabled{opacity:.6;cursor:not-allowed}.hh-approve-icon{color:#16a34a}.hh-print-helper{font-size:.75rem;color:#94a3b8;text-align:center;margin-top:.5rem;font-style:italic}.hh-delete-dialog{max-width:400px;padding:2.5rem 2rem;text-align:center;align-items:center}.hh-dialog-title{font-size:1.4rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.6rem;letter-spacing:-.01em}.hh-warning-icon{color:#f59e0b}.hh-dialog-message{color:#64748b;font-size:.95rem;margin-bottom:.5rem;line-height:1.5}.hh-dialog-highlight{font-weight:700;color:#0f172a;font-size:1rem;margin-bottom:1.75rem}.hh-dialog-actions{display:flex;gap:12px;width:100%}.hh-dialog-actions .btn{flex:1;min-height:44px}.hh-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.hh-loading-spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:hhSpin 1s linear infinite}@keyframes hhSpin{to{transform:rotate(360deg)}}.hh-empty-state{text-align:center;padding:4rem 2rem}.hh-empty-icon{opacity:.2;margin-bottom:1rem}.hh-empty-state h3{font-size:1.1rem;color:#0f172a;margin:0 0 .5rem}.hh-empty-state p{color:#64748b;font-size:.9rem;margin:0}.hh-step-nav{display:flex;gap:12px;padding:1.25rem 1.75rem;border-top:1px solid #F1F5F9;background:#f8fafc;border-radius:0 0 16px 16px}.hh-step-nav .btn{flex:1;min-height:44px}@media (max-width: 1024px){.admin-content{padding:1.5rem}.hh-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.admin-content{padding:1rem}.hh-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.hh-filters-section{flex-direction:column}.hh-search-input,.hh-filter-select{width:100%;min-width:unset}.hh-form-row,.hh-form-row-3{grid-template-columns:1fr}.hh-form-row-4{grid-template-columns:1fr 1fr}.hh-table-card{padding:1.25rem}.hh-step-indicator{flex-wrap:wrap;gap:.5rem}.hh-step-connector{display:none}.modal-dialog{width:95%}}@media (max-width: 480px){.admin-content{padding:.75rem}.hh-stats-grid,.hh-form-row-4{grid-template-columns:1fr}.hh-stat-card{padding:1rem}.hh-stat-number{font-size:1.35rem}}.hp-submitted-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.hp-status-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.75rem;font-size:.95rem;font-weight:600}.hp-status-banner.pending{background:#fffbeb;color:#92400e;border:1px solid #FDE68A}.hp-status-banner.approved{background:#f0fdf4;color:#166534;border:1px solid #BBF7D0}.hp-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:20px;font-size:.75rem;font-weight:700}.hp-status-badge.pending{background:#fef3c7;color:#92400e}.hp-status-badge.approved{background:#dcfce7;color:#166534}.hp-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;background:#f8fafc;border-radius:12px;padding:1.25rem;border:1px solid #E2E8F0;margin-bottom:1.75rem}.hp-info-item{display:flex;flex-direction:column;gap:.2rem}.hp-info-label{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.hp-info-value{font-size:.95rem;font-weight:600;color:#0f172a}.hp-members-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.hp-members-table-wrap{overflow-x:auto;border:1px solid #E2E8F0;border-radius:10px}.hp-members-table{width:100%;border-collapse:collapse;font-size:.82rem}.hp-members-table th{text-align:left;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding:.75rem .6rem;background:#f8fafc;border-bottom:1px solid #E2E8F0;white-space:nowrap}.hp-members-table td{padding:.7rem .6rem;color:#334155;border-bottom:1px solid #F1F5F9;white-space:nowrap}.hp-members-table tbody tr:last-child td{border-bottom:none}.hp-head-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:6px;font-size:.68rem;font-weight:700;background:#eff6ff;color:#3b82f6;text-transform:uppercase;margin-left:.35rem}.hp-form-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.hp-form-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .35rem;display:flex;align-items:center;gap:.5rem}.hp-form-subtitle{font-size:.85rem;color:#64748b;margin:0 0 1.5rem}.hp-readonly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;background:#f8fafc;border-radius:10px;padding:1rem 1.25rem;border:1px solid #E2E8F0;margin-bottom:1.5rem}.hp-readonly-item{display:flex;flex-direction:column;gap:.15rem}.hp-readonly-label{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.hp-readonly-value{font-size:.9rem;font-weight:600;color:#334155}.hp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.hp-form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}.hp-form-group{margin-bottom:1.25rem}.hp-form-label{display:block;font-weight:600;color:#334155;margin-bottom:.4rem;font-size:.85rem}.hp-form-input,.hp-form-select{width:100%;padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:10px;font-size:.95rem;transition:all .2s ease;background:#fff;color:#0f172a;font-family:inherit}.hp-form-input:focus,.hp-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.hp-form-input.input-error,.hp-form-select.input-error{border-color:#ef4444}.hp-field-error{display:block;color:#ef4444;font-size:.8rem;margin-top:.35rem;font-weight:500}.hp-divider{margin:2rem 0 1.5rem;padding-top:1.5rem;border-top:1px solid #E2E8F0}.hp-section-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .35rem;display:flex;align-items:center;gap:.5rem}.hp-section-subtitle{font-size:.82rem;color:#64748b;margin:0 0 1.25rem}.hp-member-form{background:#f8fafc;border:1px solid #E2E8F0;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.hp-add-member-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:10px;border:1px solid #BBF7D0;background:#f0fdf4;color:#16a34a;cursor:pointer;transition:all .2s ease}.hp-add-member-btn:hover{background:#dcfce7;border-color:#86efac}.hp-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.hp-preview-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0}.hp-preview-count{font-size:.82rem;font-weight:600;color:#64748b}.hp-preview-table-wrap{overflow-x:auto;border:1px solid #E2E8F0;border-radius:10px;margin-bottom:1.5rem}.hp-preview-table{width:100%;border-collapse:collapse;font-size:.82rem}.hp-preview-table th{text-align:left;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding:.75rem .65rem;background:#f8fafc;border-bottom:1px solid #E2E8F0;white-space:nowrap}.hp-preview-table td{padding:.65rem;color:#334155;border-bottom:1px solid #F1F5F9;white-space:nowrap}.hp-preview-table tbody tr:last-child td{border-bottom:none}.hp-remove-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease;color:#94a3b8}.hp-remove-btn:hover{background:#fef2f2;color:#ef4444}.hp-no-members{text-align:center;padding:2rem 1.5rem;background:#f8fafc;border-radius:12px;border:1px dashed #CBD5E1;margin-bottom:1.5rem}.hp-no-members p{color:#64748b;font-size:.9rem;margin:.5rem 0 0}.hp-required-notice{color:#ef4444;font-weight:600;font-size:.82rem}.hp-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f640}.hp-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.hp-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.hp-form-row,.hp-form-row-3{grid-template-columns:1fr}.hp-form-card,.hp-submitted-card{padding:1.25rem}}.events-page{max-width:100%;margin:0 auto;padding:0 2rem;min-height:calc(100vh - 200px)}.page-header{text-align:center;margin-bottom:3rem;padding:3rem 2rem;background:linear-gradient(135deg,#0052cc,#08c);border-radius:20px;color:#fff;box-shadow:0 10px 30px #0052cc33;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:-30%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.page-title{font-size:3rem;font-weight:800;color:#fff!important;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.1);position:relative;z-index:1}.filters-section{margin-bottom:2rem;display:flex;justify-content:flex-end}.filter-select{padding:.75rem 1.5rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-select:focus{outline:none;border-color:#0052cc;box-shadow:0 0 0 3px #0052cc1a}.events-container{margin-bottom:3rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2.5rem}.event-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .3s ease;border:2px solid #F0F0F0;display:flex;flex-direction:column}.event-card:hover{transform:translateY(-10px);box-shadow:0 16px 32px #0052cc2e;border-color:#0052cc}.event-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;gap:1rem}.event-title{font-size:1.5rem;font-weight:700;color:#333;margin:0;line-height:1.4;flex:1}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap}.status-upcoming{background:#e3f2fd;color:#1976d2}.status-today{background:#fff3e0;color:#f57c00}.status-past{background:#f5f5f5;color:#666}.event-description{color:#666;font-size:1rem;line-height:1.8;padding:0 2rem 1.5rem;margin:0}.event-details{padding:0 2rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.event-detail-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.detail-icon{font-size:1.25rem;min-width:24px}.detail-text{color:#333;font-weight:500}.registered-badge{margin:0 2rem 1.5rem;padding:.75rem 1rem;background:#e8f5e9;color:#2e7d32;border-radius:8px;font-weight:600;font-size:.875rem;text-align:center}.event-closed{margin:0 2rem 1.5rem;padding:.75rem 1rem;background:#f5f5f5;color:#666;border-radius:8px;font-weight:500;font-size:.875rem;text-align:center}.btn-register{margin:0 2rem 2rem;width:calc(100% - 4rem);padding:1rem;font-size:1rem;font-weight:600;border-radius:10px;transition:all .3s ease}.btn-register:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0052cc4d}.event-info-box{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #0052cc}.event-info-box p{color:#333;margin-bottom:1rem;line-height:1.6}.event-info-details{color:#666;font-size:.875rem;line-height:1.8}.registration-form{display:flex;flex-direction:column;gap:1.5rem}.required-asterisk{color:#dc3545;margin-left:.25rem}.no-fields-message{text-align:center;padding:2rem;color:#666;background:#f8f9fa;border-radius:12px}@media (max-width: 768px){.events-page{padding:0 1rem}.page-header{padding:2.5rem 1.5rem;margin-left:-1rem;margin-right:-1rem;border-radius:16px}.page-title{font-size:2.2rem}.events-grid{grid-template-columns:1fr;gap:2rem}.event-header{flex-direction:column;align-items:flex-start}.event-title{font-size:1.3rem}}@media (max-width: 480px){.page-header{padding:2rem 1rem}.page-title{font-size:1.9rem}.event-header{padding:1.5rem 1.5rem 1rem}.event-description,.event-details{padding-left:1.5rem;padding-right:1.5rem}.btn-register{margin-left:1.5rem;margin-right:1.5rem;width:calc(100% - 3rem)}}.hotlines-wrapper{background:#f0f2f5;min-height:100vh;padding:2rem 0 4rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hotlines-container{max-width:100%;margin:0 auto;padding:0 2rem}.hotlines-page-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2.5rem}.hotlines-header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#dc2626,#f87171);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 18px #dc262633;flex-shrink:0}.hotlines-page-title{font-size:1.65rem;font-weight:800;color:#0f172a;margin:0 0 .35rem;letter-spacing:-.02em}.hotlines-page-subtitle{font-size:.9rem;color:#64748b;margin:0;font-weight:400;line-height:1.5}.hotlines-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.hotlines-left-col,.hotlines-right-col{display:flex;flex-direction:column;gap:2rem}.hotline-hero-card{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fff,#fef2f2,#fff1f2);padding:2.5rem;box-shadow:0 4px 20px #dc262614,0 1px 3px #0000000a;border:1.5px solid #FECACA}.hero-card-glow{position:absolute;top:-60%;right:-25%;width:360px;height:360px;background:radial-gradient(circle,rgba(248,113,113,.12) 0%,transparent 70%);pointer-events:none}.hero-card-content{position:relative;z-index:1}.hero-card-badge{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;font-size:.75rem;font-weight:700;padding:.35rem .85rem;border-radius:20px;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.04em;border:1px solid #FECACA}.hero-card-title{font-size:1.5rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.01em;color:#1e293b}.hero-card-desc{font-size:.88rem;color:#64748b;margin:0 0 1.5rem;line-height:1.5}.hero-phone-number{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;font-size:1.75rem;font-weight:800;padding:.75rem 2rem;border-radius:14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #dc26264d;letter-spacing:.02em}.hero-phone-number:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 28px #dc262659}.hero-phone-icon{animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.hotline-section-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000a,0 1px 2px #00000008;border:1px solid #E5E7EB;transition:box-shadow .3s ease}.hotline-section-card:hover{box-shadow:0 6px 20px #0000000f}.section-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:2px solid #F1F5F9}.section-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-card-icon.olongapo-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;box-shadow:0 3px 10px #2563eb1f}.section-card-icon.other-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed;box-shadow:0 3px 10px #7c3aed1f}.section-card-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0;line-height:1.3}.section-card-subtitle{font-size:.8rem;color:#94a3b8;margin:.25rem 0 0;font-weight:400}.hotline-group{margin-bottom:1.75rem}.hotline-group:last-child{margin-bottom:0}.hotline-group-header{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1rem}.group-header-icon{flex-shrink:0;margin-top:.15rem}.group-header-icon.fire-icon{color:#ea580c}.group-header-icon.police-icon{color:#2563eb}.hotline-group-title{font-size:.92rem;font-weight:700;color:#334155;margin:0;line-height:1.4}.hotline-group-tag{display:block;font-size:.78rem;font-weight:400;color:#94a3b8;margin-top:.15rem}.hotline-entries{display:flex;flex-direction:column;gap:.5rem}.hotline-entry{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:#f8fafc;border-radius:10px;border:1px solid #E2E8F0;text-decoration:none;color:inherit;transition:all .25s ease;cursor:pointer}.hotline-entry:hover{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#93c5fd;transform:translate(4px);box-shadow:0 2px 10px #2563eb14}.hotline-entry-multi{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:#f8fafc;border-radius:10px;border:1px solid #E2E8F0;transition:all .25s ease;flex-wrap:wrap;gap:.4rem}.hotline-entry-multi:hover{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#93c5fd;transform:translate(4px);box-shadow:0 2px 10px #2563eb14}.entry-label{font-size:.85rem;font-weight:600;color:#475569;display:flex;align-items:center;gap:.5rem}.entry-icon{color:#94a3b8}.station-area{font-weight:400;color:#94a3b8;font-size:.8rem}.entry-number{font-size:.92rem;font-weight:700;color:#2563eb;font-variant-numeric:tabular-nums;text-decoration:none;transition:color .2s ease}.entry-number:hover{color:#1d4ed8;text-decoration:underline}.entry-numbers{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.number-divider{color:#cbd5e1;font-weight:300}.tips-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000a,0 1px 2px #00000008;border:1px solid #E5E7EB;transition:box-shadow .3s ease}.tips-card:hover{box-shadow:0 6px 20px #0000000f}.tips-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #FEF3C7}.tips-icon-wrap{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;color:#d97706;box-shadow:0 3px 10px #f59e0b1f;flex-shrink:0}.tips-card-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0}.tips-list{display:flex;flex-direction:column;gap:1rem}.tip-item{display:flex;gap:.85rem;align-items:flex-start;padding:.75rem;border-radius:10px;transition:background .2s ease}.tip-item:hover{background:#fffbeb}.tip-number{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;border:1.5px solid #FCD34D}.tip-content h4{font-size:.88rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.tip-content p{font-size:.8rem;color:#64748b;margin:0;line-height:1.55}.hall-hours-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000a,0 1px 2px #00000008;border:1px solid #E5E7EB;transition:box-shadow .3s ease}.hall-hours-card:hover{box-shadow:0 6px 20px #0000000f}.hall-hours-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #E0F2FE}.hall-hours-icon-wrap{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;color:#2563eb;box-shadow:0 3px 10px #2563eb1a;flex-shrink:0}.hall-hours-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0}.hall-hours-body{display:flex;flex-direction:column;gap:1.25rem}.hall-hours-building{display:flex;align-items:center;gap:.6rem;color:#64748b;font-size:.85rem;font-weight:500}.hall-hours-building svg{color:#ef4444;flex-shrink:0}.hall-hours-schedule{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;padding:1.25rem;border:1px solid #BAE6FD}.schedule-row{display:flex;align-items:center;justify-content:space-between}.schedule-days{font-size:.9rem;font-weight:700;color:#0369a1}.schedule-time{font-size:.9rem;font-weight:700;color:#0c4a6e;background:#fff;padding:.35rem .85rem;border-radius:8px;box-shadow:0 1px 3px #0000000f}.hall-hours-status{display:flex;justify-content:center}.status-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1.15rem;border-radius:20px;font-size:.82rem;font-weight:700;letter-spacing:.02em}.status-open{background:#dcfce7;color:#16a34a;border:1px solid #BBF7D0}.status-closed{background:#fee2e2;color:#dc2626;border:1px solid #FECACA}@media (max-width: 1024px){.hotlines-layout{grid-template-columns:1fr}.hotlines-right-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width: 768px){.hotlines-container{padding:0 1rem}.hotlines-page-header{gap:1rem}.hotlines-header-icon{width:48px;height:48px;border-radius:14px}.hotlines-page-title{font-size:1.35rem}.hotlines-right-col{grid-template-columns:1fr}.hotline-hero-card{padding:1.75rem}.hero-card-title{font-size:1.25rem}.hero-phone-number{font-size:1.4rem;padding:.65rem 1.5rem}.hotline-section-card{padding:1.5rem}.hotline-entry,.hotline-entry-multi{padding:.75rem .85rem;flex-direction:column;align-items:flex-start;gap:.4rem}.entry-numbers{padding-left:0}.tips-card,.hall-hours-card{padding:1.5rem}.tip-item{padding:.5rem}}@media (max-width: 480px){.hotlines-wrapper{padding:1rem 0 3rem}.hotlines-page-title{font-size:1.15rem}.hotlines-page-subtitle{font-size:.82rem}.hotline-hero-card{padding:1.5rem}.hero-card-title{font-size:1.1rem}.hero-phone-number{font-size:1.2rem;padding:.6rem 1.25rem;width:100%;justify-content:center}.section-card-header{flex-direction:column;gap:.75rem;align-items:flex-start}.schedule-row{flex-direction:column;gap:.5rem;text-align:center}}.hotline-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out forwards;padding:1rem}.hotline-modal-content{background:#fff;border-radius:24px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 20px 40px #0003;position:relative;text-align:center;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slideUp{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.hotline-modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.hotline-modal-close:hover{background:#e2e8f0;color:#0f172a}.hotline-modal-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 24px #dc26264d;animation:pulse-icon 2s infinite ease-in-out}@keyframes pulse-icon{0%{transform:scale(1);box-shadow:0 8px 24px #dc26264d}50%{transform:scale(1.05);box-shadow:0 12px 32px #dc262666}to{transform:scale(1);box-shadow:0 8px 24px #dc26264d}}.hotline-modal-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .5rem}.hotline-modal-message{font-size:.95rem;color:#64748b;margin:0 0 1.5rem;line-height:1.5}.hotline-modal-message strong{color:#0f172a;font-weight:700}.hotline-modal-number{font-size:1.75rem;font-weight:800;color:#dc2626;background:#fef2f2;padding:1rem 1.5rem;border-radius:16px;margin-bottom:2rem;letter-spacing:.05em;border:1px solid #FECACA}.hotline-modal-actions{display:flex;gap:1rem}.hotline-btn-cancel,.hotline-btn-call{flex:1;padding:.85rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.hotline-btn-cancel{background:#fff;border:1px solid #E2E8F0;color:#475569}.hotline-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.hotline-btn-call{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;color:#fff;box-shadow:0 4px 12px #dc262640}.hotline-btn-call:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262659}@media (max-width: 480px){.hotline-modal-content{padding:2rem 1.5rem}.hotline-modal-actions{flex-direction:column}.hotline-btn-cancel,.hotline-btn-call{width:100%}}.event-print-area{display:none}@media print{body *{visibility:hidden!important}.event-print-area,.event-print-area *{visibility:visible!important}.event-print-area{display:block!important;position:absolute;top:0;left:0;width:100%;z-index:99999;background:#fff;color:#000;font-family:Times New Roman,Times,serif;font-size:9px;line-height:1.3}@page{size:A4 portrait;margin:12mm}.event-print-page-header{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:10px;position:relative}.event-print-header-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.event-print-header-center{text-align:center;flex:1;padding:0 20px}.event-print-header-center h1{font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;line-height:1.5;text-transform:uppercase}.event-print-seal{width:50px;height:50px;object-fit:contain}.event-print-info-block{display:flex;justify-content:flex-start;margin-bottom:8px}.event-print-info-table{border-collapse:collapse;font-size:9px;width:100%}.event-print-info-table td{border:1px solid #000;padding:3px 8px}.event-print-info-table .info-label{font-weight:700;text-align:left;background:#f8f8f8;white-space:nowrap;width:120px;font-size:9px}.event-print-info-table .info-value{text-align:left;font-size:9px}.event-print-info-table .info-full-label{font-weight:700;text-align:left;background:#f8f8f8;font-size:9px;white-space:normal}.event-print-info-table .info-full-value{text-align:left;font-size:9px;white-space:normal;word-break:break-word;line-height:1.4}.event-print-registrants-table{width:100%;border-collapse:collapse;font-size:8px;margin-bottom:10px}.event-print-registrants-table th,.event-print-registrants-table td{border:1px solid #000;padding:3px 4px;text-align:center;vertical-align:middle}.event-print-registrants-table thead th{background:#e0e0e0;font-weight:700;font-size:7px;text-transform:uppercase;letter-spacing:.3px}.event-print-registrants-table tbody td{font-size:8px;height:18px;text-align:left;padding:2px 4px}.event-print-registrants-table tbody tr.empty-row td{height:18px}.event-print-registrants-table .row-num{width:20px;text-align:center;font-weight:700;font-size:7px}.event-print-footer{text-align:center;font-size:8px;margin-top:8px;color:#333;font-style:italic}.event-print-footer .event-print-generated-date{display:block;margin-top:2px;font-size:7px;color:#555}}.admin-dashboard{min-height:100vh;background:#f0f2f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-content{padding:1.75rem 2rem}.manage-events-page{max-width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.75rem}.stat-card{background:#fff;border-radius:16px;padding:1.35rem 1.5rem;box-shadow:0 1px 3px #0000000f,0 0 0 1px #00000005;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5rem;background:#eff6ff;color:#3b82f6}.stat-content{flex:1}.stat-number{font-size:1.65rem;font-weight:800;color:#0f172a;margin:0;line-height:1.2;letter-spacing:-.02em}.stat-label{font-size:.78rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem}.filters-section{display:flex;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap;align-items:center}.search-input{min-width:250px;padding:.75rem 1rem .75rem 2.8rem;border:1px solid #E2E8F0;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2394A3B8" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>') no-repeat 1rem center;color:#0f172a}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select{padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:12px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .2s ease;min-width:150px;color:#0f172a}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.events-card-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.event-horizontal-card{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;border-left:4px solid var(--admin-border);transition:all .2s ease}.event-horizontal-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.event-horizontal-card.accent-teal{border-left-color:var(--admin-accent)}.event-horizontal-card.accent-green{border-left-color:#2e7d32}.event-horizontal-card.accent-gray{border-left-color:#94a3b8}.event-card-content{flex:1;display:flex;flex-direction:column;gap:.75rem;min-width:0}.event-card-header{display:flex;flex-direction:column;gap:.25rem}.event-title-wrap{display:flex;align-items:center;gap:.75rem}.event-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--admin-text-main)}.event-description{margin:0;font-size:.9rem;color:var(--admin-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:800px}.event-card-details{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.event-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--admin-text-muted);background:#f8fafc;padding:.25rem .6rem;border-radius:6px;border:1px solid var(--admin-border)}.event-reg-btn{border:none;cursor:pointer;padding:.35rem .75rem;transition:background .2s}.event-reg-btn:hover{background:#dbeafe}.event-card-actions{display:flex;gap:.5rem}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.85rem;font-weight:500}.btn-link:hover{text-decoration:underline;color:#2563eb}.empty-state-cell{text-align:center;padding:4rem 2rem!important}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-icon{font-size:3rem;opacity:.2}.empty-state h3{font-size:1.1rem;color:#0f172a;margin:0}.empty-state p{color:#64748b;font-size:.9rem;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-dialog{background:#fff;border-radius:16px;width:90%;max-height:90vh;box-shadow:0 20px 25px -5px #0000001a;animation:dialogFloatIn .3s ease-out;display:flex;flex-direction:column}@keyframes dialogFloatIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.large-modal{max-width:900px}.registrations-modal{max-width:1100px!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem 1rem;border-bottom:1px solid #F1F5F9}.modal-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#94a3b8;transition:color .2s ease;padding:0}.modal-close:hover{color:#0f172a}.modal-body{padding:1.5rem 1.75rem;overflow-y:auto}.modal-footer{padding:1.25rem 1.75rem;border-top:1px solid #F1F5F9;background:#f8fafc;display:flex;gap:12px;border-radius:0 0 16px 16px}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-weight:600;color:#334155;margin-bottom:.4rem;font-size:.85rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:10px;font-size:.95rem;transition:all .2s ease;background:#fff;color:#0f172a;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.field-error{display:block;color:#ef4444;font-size:.8rem;margin-top:.35rem;font-weight:500}.form-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #E2E8F0}.section-header{margin-bottom:1.25rem}.section-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.section-icon{font-size:1.25rem}.section-description{color:#64748b;font-size:.85rem;line-height:1.5;margin:0}.field-builder-card{background:#f8fafc;border:1px solid #E2E8F0;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.field-builder-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #E2E8F0}.field-builder-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;align-items:end}.field-builder-group{display:flex;flex-direction:column;gap:.4rem}.field-builder-group.full-width{grid-column:1 / -1}.field-builder-label{font-size:.8rem;font-weight:600;color:#334155}.checkbox-group{justify-content:center;padding-bottom:.5rem}.checkbox-label-large{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#334155;cursor:pointer;font-weight:500}.checkbox-label-large input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3B82F6}.btn-add-field{padding:.7rem 1.25rem;font-weight:600;font-size:.9rem}.dropdown-options-container{margin-top:.5rem}.dropdown-input-wrapper{display:flex;gap:.75rem;align-items:flex-start}.dropdown-options-input{flex:1}.btn-add-option{padding:.75rem 1.25rem;background:#f0fdf4;color:#16a34a;border:1px solid #BBF7D0;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-add-option:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.btn-add-option:disabled{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed}.dropdown-options-preview{margin-top:1rem;padding:1rem;background:#fff;border:1px solid #E2E8F0;border-radius:8px;border-left:3px solid #3B82F6}.options-preview-header{margin-bottom:.75rem;font-size:.8rem;font-weight:600;color:#64748b}.options-tags{display:flex;flex-wrap:wrap;gap:.5rem}.option-tag{display:inline-flex;align-items:center;gap:.4rem;background:#eff6ff;color:#1e3a8a;border-radius:12px;padding:.3rem .6rem;font-size:.8rem;font-weight:500}.option-tag-remove{background:transparent;color:#94a3b8;border:none;font-size:.8rem;cursor:pointer;padding:0;line-height:1;border-radius:50%}.option-tag-remove:hover{color:#ef4444}.field-hint{color:#94a3b8;font-size:.75rem;margin-top:.4rem}.fields-list-container{margin-top:1.5rem}.fields-list-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .25rem}.fields-list-subtitle{color:#64748b;font-size:.85rem;margin:0 0 1rem}.fields-list{display:flex;flex-direction:column;gap:.75rem}.field-item{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:1rem;display:flex;align-items:flex-start;gap:1rem;transition:all .2s ease}.field-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #00000005}.field-item-number{background:#f1f5f9;color:#64748b;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.field-info{flex:1}.field-main-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.field-label{font-weight:600;color:#0f172a;font-size:.95rem}.field-badges{display:flex;gap:.4rem}.field-type-badge{background:#f1f5f9;color:#475569;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:capitalize}.required-badge{background:#fef2f2;color:#dc2626;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600}.field-options-display{color:#64748b;font-size:.8rem;padding:.5rem;background:#f8fafc;border-radius:6px}.field-options-display strong{color:#334155}.field-actions{display:flex;gap:.25rem}.btn-move{color:#64748b}.btn-move:hover{background:#f1f5f9;color:#334155}.no-fields-message{text-align:center;padding:2.5rem 1.5rem;background:#f8fafc;border-radius:12px;border:1px dashed #CBD5E1}.no-fields-icon{font-size:2rem;opacity:.3;margin-bottom:.5rem}.no-fields-message p{color:#64748b;font-size:.9rem;margin:0}.registrations-modal-header{background:#f8fafc;border-bottom:1px solid #E2E8F0}.registrations-header-content{display:flex;align-items:center;justify-content:space-between;flex:1}.registrations-stats{display:flex}.stat-badge{display:flex;align-items:center;gap:.4rem;background:#eff6ff;padding:.4rem .75rem;border-radius:8px;color:#1e3a8a}.stat-badge-value{font-weight:700;font-size:1.1rem}.stat-badge-label{font-size:.8rem;font-weight:500}.registrations-modal-body{background:#f1f5f9;padding:1.5rem}.registrations-summary{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.summary-stat-card{display:flex;align-items:center;gap:.85rem;background:#fff;border-radius:12px;padding:1rem 1.25rem;border:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000a}.summary-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-stat-icon.blue{background:#eff6ff;color:#3b82f6}.summary-stat-icon.green{background:#f0fdf4;color:#16a34a}.summary-stat-info{display:flex;flex-direction:column;gap:.1rem}.summary-stat-value{font-size:1.1rem;font-weight:800;color:#0f172a;line-height:1.2}.summary-stat-label{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.registrations-list{display:flex;flex-direction:column;gap:1rem;max-height:calc(90vh - 280px);overflow-y:auto;padding-right:.5rem}.registrations-list::-webkit-scrollbar{width:6px}.registrations-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.registrations-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.registrations-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.registration-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #E2E8F0;box-shadow:0 1px 2px #0000000d}.registration-card-header{display:flex;align-items:flex-start;gap:.85rem;padding-bottom:1rem;border-bottom:1px solid #F1F5F9;margin-bottom:0}.registration-number{background:#eff6ff;color:#3b82f6;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0;margin-top:2px}.registration-user-info{flex:1;display:flex;flex-direction:column;gap:.35rem}.registration-user-name{display:flex;align-items:center;gap:.5rem}.user-icon{color:#94a3b8;display:flex;align-items:center}.user-name-content{display:flex;flex-direction:column}.user-name-content strong{color:#0f172a;font-size:.98rem;line-height:1.3}.user-email-subtitle{color:#64748b;font-size:.82rem}.registration-date-row{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:#94a3b8;padding-left:1px}.registration-responses{padding:1rem 0 0}.responses-header{margin-bottom:.65rem}.responses-title{font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.4rem}.responses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.response-item{background:#f8fafc;padding:.65rem .85rem;border-radius:8px;display:flex;flex-direction:column;gap:.2rem}.response-label{font-size:.72rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:.25rem}.response-label .required-indicator{color:#ef4444;font-size:.75rem}.response-value{color:#0f172a;font-size:.92rem;font-weight:600}.response-empty{color:#94a3b8;font-style:italic;font-size:.82rem;font-weight:400}.no-fields-message-small{background:#f8fafc;color:#64748b;padding:1rem;border-radius:8px;font-size:.9rem;text-align:center}.registrations-modal-footer{display:flex;gap:12px}.registrations-modal-footer .btn{flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.delete-dialog{max-width:400px;padding:2.5rem 2rem;text-align:center;align-items:center}.dialog-title{font-size:1.4rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.6rem;letter-spacing:-.01em}.warning-icon{font-size:1.75rem;color:#f59e0b}.dialog-message{color:#64748b;font-size:.95rem;margin-bottom:1.75rem;line-height:1.5}@media (max-width: 1024px){.admin-content{padding:1.5rem}}@media (max-width: 768px){.admin-content{padding:1rem}.admin-page-header{flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.filters-section{flex-direction:column}.search-input,.filter-select{width:100%}.registrations-header-content{flex-direction:column;align-items:flex-start;gap:.5rem}.registrations-summary,.responses-grid{grid-template-columns:1fr}}@media (max-width: 480px){.admin-content{padding:.75rem}.stats-grid{grid-template-columns:1fr}.admin-page-title{font-size:1.4rem}}.ev-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);padding:24px 16px;font-family:inherit}.ev-card{background:#fff;border-radius:20px;padding:48px 40px;max-width:500px;width:100%;box-shadow:0 8px 32px #0052cc1a,0 2px 8px #0000000a;text-align:center}.ev-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#f0f4ff;border-radius:50%;margin-bottom:20px}.ev-title{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin:0 0 8px}.ev-subtitle{color:#6b7280;margin:0 0 8px;font-size:.95rem}.ev-email-badge{display:inline-block;background:#f0f4ff;color:#0052cc;font-weight:600;font-size:.95rem;padding:8px 18px;border-radius:40px;border:1.5px solid #c7d9ff;margin-bottom:16px;word-break:break-all}.ev-instruction{color:#374151;font-size:.92rem;line-height:1.6;margin:0 0 24px}.ev-steps{display:flex;flex-direction:column;gap:10px;background:#f9fafb;border-radius:12px;padding:18px 20px;margin-bottom:24px;text-align:left}.ev-step{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#374151}.ev-step-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#0052cc;color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ev-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ev-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border-radius:10px;font-size:.97rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.ev-btn:disabled{opacity:.55;cursor:not-allowed}.ev-btn-primary{background:#0052cc;color:#fff}.ev-btn-primary:hover:not(:disabled){background:#003d99;transform:translateY(-1px);box-shadow:0 4px 12px #0052cc4d}.ev-btn-outline{background:transparent;color:#0052cc;border:2px solid #0052CC}.ev-btn-outline:hover:not(:disabled){background:#f0f4ff}.ev-btn-outline:disabled{border-color:#9ca3af;color:#9ca3af}.ev-tips{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:14px 16px;text-align:left;margin-bottom:16px}.ev-tips-header{display:flex;align-items:center;gap:6px;font-weight:600;color:#92400e;font-size:.88rem;margin-bottom:8px}.ev-tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.ev-tips-list li{font-size:.86rem;color:#78350f;padding-left:14px;position:relative}.ev-tips-list li:before{content:"•";position:absolute;left:0;color:#f59e0b}.ev-polling-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.78rem;color:#9ca3af;margin:0 0 20px}.ev-logout-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#9ca3af;font-size:.83rem;cursor:pointer;padding:6px 10px;border-radius:6px;transition:color .2s}.ev-logout-btn:hover{color:#4b5563;background:#f3f4f6}.ev-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0}.ev-success-icon{animation:ev-pop .4s ease}.ev-success-title{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin:0}.ev-success-sub{color:#6b7280;font-size:.95rem;margin:0}@keyframes ev-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ev-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ev-pop{0%{transform:scale(.6);opacity:0}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.ev-spin{animation:ev-spin .8s linear infinite}.ev-spin-slow{animation:ev-spin-slow 3s linear infinite}@media (max-width: 540px){.ev-card{padding:32px 20px}.ev-title{font-size:1.4rem}}.forgot-pw-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f5f7fb;font-family:Inter,Segoe UI,system-ui,sans-serif}.forgot-pw-card{width:100%;max-width:440px;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a;padding:2.5rem 2.75rem}.forgot-pw-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.forgot-pw-logo img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #e8ecf2}.forgot-pw-header{text-align:center;margin-bottom:1.75rem}.forgot-pw-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#eef2ff;border:1px solid #e0e7ff;color:#6366f1;margin-bottom:1rem}.forgot-pw-title{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem;letter-spacing:-.02em}.forgot-pw-subtitle{color:#6b7280;font-size:.9rem;margin:0;line-height:1.55}.forgot-pw-error{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.7rem 1rem;margin-bottom:1.25rem;color:#dc2626;font-size:.88rem}.forgot-pw-form{width:100%}.forgot-pw-form .form-group{margin-bottom:1.25rem}.forgot-pw-form .form-label{display:flex;align-items:center;margin-bottom:.4rem;font-weight:500;color:#374151;font-size:.88rem}.forgot-pw-form .label-icon{display:inline-flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0;margin-right:8px;position:relative;top:-1px}.forgot-pw-form .form-input{width:100%;padding:.7rem 1rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.95rem;color:#1a1a2e;transition:all .2s ease;font-family:inherit}.forgot-pw-form .form-input::placeholder{color:#9ca3af}.forgot-pw-form .form-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.forgot-pw-form .form-input.input-error{border-color:#ef4444}.forgot-pw-form .form-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.forgot-pw-form .field-error{display:block;color:#ef4444;font-size:.8rem;margin-top:.25rem}.forgot-pw-form .btn-primary,.forgot-pw-success .btn-primary{width:100%;padding:.8rem 1.5rem;background:#6366f1;border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;text-decoration:none}.forgot-pw-form .btn-primary:hover:not(:disabled),.forgot-pw-success .btn-primary:hover{background:#4f46e5;box-shadow:0 4px 14px #6366f14d;transform:translateY(-1px)}.forgot-pw-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.forgot-pw-form .btn-icon,.forgot-pw-success .btn-icon{display:flex;align-items:center}.forgot-pw-form .btn-loading{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:forgot-pw-spin .7s linear infinite}@keyframes forgot-pw-spin{to{transform:rotate(360deg)}}.forgot-pw-back{text-align:center;margin-top:1.5rem}.forgot-pw-back-link{display:inline-flex;align-items:center;gap:.4rem;color:#6366f1;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.forgot-pw-back-link:hover{color:#4f46e5;text-decoration:underline}.forgot-pw-success{text-align:center}.forgot-pw-success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#10b981;margin-bottom:1.5rem;animation:forgot-pw-pop .5s ease-out}@keyframes forgot-pw-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.forgot-pw-success-title{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin-bottom:.75rem}.forgot-pw-success-text{color:#6b7280;font-size:.92rem;line-height:1.6;margin-bottom:2rem}@media (max-width: 480px){.forgot-pw-container{padding:1rem}.forgot-pw-card{padding:2rem 1.5rem;border-radius:16px}.forgot-pw-title{font-size:1.4rem}.forgot-pw-logo img{width:56px;height:56px}.forgot-pw-icon-wrapper{width:48px;height:48px}}.reset-pw-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f5f7fb;font-family:Inter,Segoe UI,system-ui,sans-serif}.reset-pw-card{width:100%;max-width:440px;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a;padding:2.5rem 2.75rem}.reset-pw-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.reset-pw-logo img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #e8ecf2}.reset-pw-header{text-align:center;margin-bottom:1.75rem}.reset-pw-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#eef2ff;border:1px solid #e0e7ff;color:#6366f1;margin-bottom:1rem}.reset-pw-title{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem;letter-spacing:-.02em}.reset-pw-subtitle{color:#6b7280;font-size:.9rem;margin:0;line-height:1.55}.reset-pw-subtitle strong{color:#374151}.reset-pw-error{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.7rem 1rem;margin-bottom:1.25rem;color:#dc2626;font-size:.88rem}.reset-pw-form{width:100%}.reset-pw-form .form-group{margin-bottom:1.25rem}.reset-pw-form .form-label{display:flex;align-items:center;margin-bottom:.4rem;font-weight:500;color:#374151;font-size:.88rem}.reset-pw-form .label-icon{display:inline-flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0;margin-right:8px;position:relative;top:-1px}.reset-pw-form .form-input{width:100%;padding:.7rem 1rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.95rem;color:#1a1a2e;transition:all .2s ease;font-family:inherit}.reset-pw-form .form-input::placeholder{color:#9ca3af}.reset-pw-form .form-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.reset-pw-form .form-input.input-error{border-color:#ef4444}.reset-pw-form .form-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.reset-pw-form .field-error{display:block;color:#ef4444;font-size:.8rem;margin-top:.25rem}.reset-pw-form .btn-primary,.reset-pw-invalid .btn-primary{width:100%;padding:.8rem 1.5rem;background:#6366f1;border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;text-decoration:none}.reset-pw-form .btn-primary:hover:not(:disabled),.reset-pw-invalid .btn-primary:hover{background:#4f46e5;box-shadow:0 4px 14px #6366f14d;transform:translateY(-1px)}.reset-pw-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.reset-pw-form .btn-icon,.reset-pw-invalid .btn-icon{display:flex;align-items:center}.reset-pw-form .btn-loading{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:reset-pw-spin .7s linear infinite}@keyframes reset-pw-spin{to{transform:rotate(360deg)}}.reset-pw-verifying{text-align:center;padding:2rem 0}.reset-pw-spinner{display:inline-block;width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:reset-pw-spin .8s linear infinite;margin-bottom:1rem}.reset-pw-verifying p{color:#6b7280;font-size:.92rem;margin:0}.reset-pw-invalid{text-align:center}.reset-pw-invalid-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fef2f2,#fecaca);color:#ef4444;margin-bottom:1.5rem;animation:reset-pw-pop .5s ease-out}.reset-pw-invalid-title{font-size:1.4rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.reset-pw-invalid-text{color:#6b7280;font-size:.92rem;line-height:1.6;margin-bottom:1.75rem}.reset-pw-back{text-align:center;margin-top:1.25rem}.reset-pw-back-link{display:inline-flex;align-items:center;gap:.4rem;color:#6366f1;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.reset-pw-back-link:hover{color:#4f46e5;text-decoration:underline}.reset-pw-success{text-align:center}.reset-pw-success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#10b981;margin-bottom:1.5rem;animation:reset-pw-pop .5s ease-out}@keyframes reset-pw-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reset-pw-success-title{font-size:1.4rem;font-weight:700;color:#1a1a2e;margin-bottom:.75rem}.reset-pw-success-text{color:#6b7280;font-size:.92rem;line-height:1.6;margin-bottom:1.5rem}.reset-pw-redirect-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.reset-pw-redirect-progress{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:2px;animation:reset-pw-progress 3s linear forwards}@keyframes reset-pw-progress{0%{width:0}to{width:100%}}@media (max-width: 480px){.reset-pw-container{padding:1rem}.reset-pw-card{padding:2rem 1.5rem;border-radius:16px}.reset-pw-title{font-size:1.4rem}.reset-pw-logo img{width:56px;height:56px}.reset-pw-icon-wrapper{width:48px;height:48px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;line-height:1.6}.App{min-height:100vh;display:flex;flex-direction:column;transition:padding-left .3s cubic-bezier(.4,0,.2,1)}body.sidebar-expanded .App{padding-left:260px}body.sidebar-collapsed .App{padding-left:72px}@media (max-width: 1440px){body.sidebar-expanded .App{padding-left:250px}body.sidebar-collapsed .App{padding-left:68px}}@media (max-width: 1024px){body.sidebar-expanded .App{padding-left:240px}body.sidebar-collapsed .App{padding-left:64px}}@media (max-width: 900px){body.sidebar-expanded .App{padding-left:220px}body.sidebar-collapsed .App{padding-left:60px}}@media (max-width: 768px){body.sidebar-expanded .App,body.sidebar-collapsed .App{padding-left:0}}.main-content{flex:1;width:100%}.main-content:not(.admin-main):not(.landing-main):not(.auth-main){padding:2rem;max-width:100%;margin:0 auto}.main-content.landing-main,.main-content.auth-main,.main-content.admin-main{padding:0;max-width:100%}.main-content.has-top-header{padding-top:calc(64px + 2rem)}:root{--primary-color: #0052cc;--primary-dark: #0047b2;--success-color: #4caf50;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--text-primary: #333;--text-secondary: #666;--background-light: #f8f9fa;--background-white: #ffffff;--border-light: #e9ecef;--shadow-light: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--border-radius: 8px;--border-radius-large: 12px}.card{background:var(--background-white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);padding:1.5rem;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-light);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0052cc1a}.form-input.input-error,.form-textarea.input-error,.form-select.input-error{border-color:var(--danger-color);background-color:#dc35450d}.form-input.input-error:focus,.form-textarea.input-error:focus,.form-select.input-error:focus{box-shadow:0 0 0 3px #dc35451a}.field-error{display:block;color:var(--danger-color);font-size:.875rem;margin-top:.25rem;font-weight:500}.form-hint{display:block;color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-dialog{background:var(--background-white);border-radius:var(--border-radius-large);box-shadow:0 10px 40px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;color:var(--text-secondary);transition:color .3s ease}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-light);display:flex;gap:12px}.modal-footer .btn{flex:1;min-height:44px}.modal-actions{display:flex;gap:12px;margin-top:1.5rem}.modal-actions .btn{flex:1;min-height:44px}.dialog-actions{display:flex;gap:12px;width:100%}.dialog-actions .btn{flex:1;min-height:44px}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.toast-container{position:fixed;top:1rem;right:1rem;z-index:2000;display:flex;flex-direction:column;gap:.75rem}.toast{background:var(--background-white);border-radius:var(--border-radius);padding:1rem 1.5rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.75rem;animation:slideInRight .3s ease;max-width:400px}.toast.success{border-left:4px solid var(--success-color)}.toast.error{border-left:4px solid var(--danger-color)}.toast.warning{border-left:4px solid var(--warning-color)}.toast.info{border-left:4px solid var(--info-color)}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,82,204,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-secondary)}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.main-content:not(.admin-main):not(.landing-main):not(.auth-main){padding:1rem}.modal-dialog{width:95%;max-width:90vw}.toast-container{left:1rem;right:1rem}.toast{max-width:none}.btn{min-height:44px;padding:.75rem 1.25rem;font-size:.95rem}.btn-sm{min-height:40px;padding:.625rem 1rem;font-size:.875rem}.btn-lg{min-height:48px;padding:.875rem 1.75rem;font-size:1.05rem}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}}@media (max-width: 480px){.main-content:not(.admin-main):not(.landing-main):not(.auth-main){padding:.75rem}.card,.modal-header,.modal-body,.modal-footer{padding:1rem}.toast-container{top:.5rem;left:.5rem;right:.5rem}.toast{border-radius:4px;padding:.75rem 1rem}.btn{min-height:44px;padding:.75rem 1.25rem;font-size:.95rem;width:100%}.btn:not(.btn-block){width:auto}.btn-sm{min-height:40px;padding:.625rem 1rem;font-size:.875rem}.btn-lg{min-height:48px;padding:.875rem 1.5rem;font-size:1rem}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}.btn-icon{font-size:1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;min-height:44px;font-size:1rem;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid transparent;border-radius:var(--border-radius);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn:focus{outline:none;box-shadow:0 0 0 3px #0052cc40}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn-sm{padding:.625rem 1.25rem;min-height:36px;font-size:.875rem;gap:.375rem}.btn-lg{padding:1rem 2rem;min-height:52px;font-size:1.125rem;gap:.75rem}.btn-block{width:100%;display:flex}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#0066ff 100%);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #0052cc4d}.btn-primary:hover:not(:disabled):not(.disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0052cc66}.btn-primary:active:not(:disabled):not(.disabled){transform:translateY(0);box-shadow:0 2px 8px #0052cc4d}.btn-primary:focus{box-shadow:0 0 0 3px #0052cc40,0 4px 12px #0052cc4d}.btn-secondary{background:#fff;color:var(--text-primary);border-color:var(--border-light);box-shadow:0 2px 4px #0000000d}.btn-secondary:hover:not(:disabled):not(.disabled){background:#f8f9fa;border-color:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-secondary:active:not(:disabled):not(.disabled){transform:translateY(0);background:#e9ecef;box-shadow:0 1px 3px #0000001a}.btn-secondary:focus{box-shadow:0 0 0 3px #6c757d40,0 2px 4px #0000000d}.btn-success{background:linear-gradient(135deg,var(--success-color) 0%,#45a049 100%);color:#fff;border-color:var(--success-color);box-shadow:0 4px 12px #4caf504d}.btn-success:hover:not(:disabled):not(.disabled){background:linear-gradient(135deg,#45a049,#388e3c);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-success:active:not(:disabled):not(.disabled){transform:translateY(0);box-shadow:0 2px 8px #4caf504d}.btn-success:focus{box-shadow:0 0 0 3px #4caf5040,0 4px 12px #4caf504d}.btn-danger{background:linear-gradient(135deg,var(--danger-color) 0%,#c82333 100%);color:#fff;border-color:var(--danger-color);box-shadow:0 4px 12px #dc35454d}.btn-danger:hover:not(:disabled):not(.disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.btn-danger:active:not(:disabled):not(.disabled){transform:translateY(0);box-shadow:0 2px 8px #dc35454d}.btn-danger:focus{box-shadow:0 0 0 3px #dc354540,0 4px 12px #dc35454d}.btn-warning{background:linear-gradient(135deg,var(--warning-color) 0%,#ffb300 100%);color:#333;border-color:var(--warning-color);box-shadow:0 4px 12px #ffc1074d}.btn-warning:hover:not(:disabled):not(.disabled){background:linear-gradient(135deg,#ffb300,#ffa000);transform:translateY(-2px);box-shadow:0 6px 20px #ffc10766}.btn-warning:active:not(:disabled):not(.disabled){transform:translateY(0);box-shadow:0 2px 8px #ffc1074d}.btn-warning:focus{box-shadow:0 0 0 3px #ffc10740,0 4px 12px #ffc1074d}.btn-info{background:linear-gradient(135deg,var(--info-color) 0%,#138496 100%);color:#fff;border-color:var(--info-color);box-shadow:0 4px 12px #17a2b84d}.btn-info:hover:not(:disabled):not(.disabled){background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-2px);box-shadow:0 6px 20px #17a2b866}.btn-info:active:not(:disabled):not(.disabled){transform:translateY(0);box-shadow:0 2px 8px #17a2b84d}.btn-info:focus{box-shadow:0 0 0 3px #17a2b840,0 4px 12px #17a2b84d}.btn-outline-primary{background:transparent;color:var(--primary-color);border-color:var(--primary-color);box-shadow:none}.btn-outline-primary:hover:not(:disabled):not(.disabled){background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0052cc4d}.btn-outline-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-light);box-shadow:none}.btn-outline-secondary:hover:not(:disabled):not(.disabled){background:#f8f9fa;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box.icon-box-sm{width:40px;height:40px;border-radius:10px}.icon-box.icon-box-lg{width:56px;height:56px;border-radius:14px}.icon-box svg{width:24px;height:24px;stroke-width:1.8}.icon-box svg{stroke:currentColor}.icon-box.icon-box-sm svg{width:20px;height:20px}.icon-box.icon-box-lg svg{width:28px;height:28px}.icon-box-blue{background:#eff6ff;color:#3b82f6}.icon-box-teal{background:#f0fdfa;color:#14b8a6}.icon-box-red{background:#fef2f2;color:#ef4444}.icon-box-amber{background:#fffbeb;color:#f59e0b}.icon-box-green{background:#f0fdf4;color:#16a34a}.icon-box-gray{background:#f8fafc;color:#64748b}.btn-icon,.action-icon,.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon svg,.action-icon svg,.nav-icon svg{width:18px;height:18px;stroke-width:2}.btn-icon-left{margin-right:.35rem}.btn-icon-right{margin-left:.35rem}.warning-icon svg,.error-icon svg{width:20px;height:20px;flex-shrink:0}.stat-icon{display:flex;align-items:center;justify-content:center}.stat-icon svg{width:24px;height:24px;stroke-width:1.8}.btn-icon:not(:has(svg)){font-size:1.125rem;line-height:1}.btn-icon-left{margin-right:.25rem}.btn-icon-right{margin-left:.25rem}.btn-sm .btn-icon{font-size:1rem}.btn-lg .btn-icon{font-size:1.25rem}.btn-group{display:inline-flex;vertical-align:middle;gap:.5rem}.btn-group .btn{margin:0}.btn-group-vertical{display:inline-flex;flex-direction:column;vertical-align:middle;gap:.5rem}.btn-group-vertical .btn{width:100%}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-primary.btn-loading:after{border-color:#fff;border-top-color:transparent}.btn-secondary.btn-loading:after{border-color:var(--text-primary);border-top-color:transparent}.btn-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-secondary)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:before{transition:none!important}}@media (prefers-contrast: more){.btn{border-width:2px;border-style:solid}.btn-primary{border-color:var(--primary-dark)}.btn-secondary{border-color:#666}.btn-success{border-color:#2e7d32}.btn-danger{border-color:#c62828}.btn-warning{border-color:#f57c00}.btn-info{border-color:#0277bd}.form-input,.form-textarea,.form-select{border-width:2px}}.btn:focus-visible{outline:3px solid rgba(0,82,204,.5);outline-offset:2px}@media (prefers-contrast: high){.btn{border-width:2px}.btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.btn-secondary{background:#fff;border-color:#000;color:#000}}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:2rem 0}.empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-icon svg{width:48px;height:48px;stroke-width:1.5;color:#94a3b8}.empty-state h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.empty-state p{color:#666;font-size:1rem}