.topnav{-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);z-index:99;background:#ffffffd9;border-bottom:1px solid #e2e8f099;justify-content:center;align-items:center;width:calc(100% - 70px);padding:10px 20px;transition:left .4s cubic-bezier(.16,1,.3,1),width .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:70px;right:0;box-shadow:0 4px 30px #0f172a0d}.topnav.shifted{width:calc(100% - 240px);margin-left:0;left:240px}.topnav.normal{width:calc(100% - 70px);left:70px}.topnav nav{justify-content:space-between;align-items:center;width:100%;margin-left:0;display:flex;position:relative}.topnav.shifted nav{margin-left:0}.topnav nav ul{justify-content:center;align-items:center;margin:0 2% 0 0;padding:0;list-style:none;display:flex}.topnav nav ul li{display:flex}.topnav nav ul li a{color:#333;margin-left:5%;font-size:20px;text-decoration:none}.topnav nav ul li a:hover{color:#049bff}.nav-link{color:#5c5c5c;font-weight:700}.nav-link:hover{color:#0cf}.nav-tabs{border-color:#0cf}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#0cf;text-shadow:1px 1px 1px #6ed1ff4d;border-color:#0cf #0cf #fff}.tabs::-webkit-scrollbar{height:2px}.tabs::-webkit-scrollbar-track{background:0 0}.tabs::-webkit-scrollbar-thumb{background-color:#deeef1b4;border-radius:0}.tabs::-webkit-scrollbar-thumb:hover{background-color:#d7e2e6b9}.tabs{scrollbar-width:thin;scrollbar-color:#0dcdfd5e transparent}.toggle-button{cursor:pointer;color:#0ea5e9;z-index:1001;background:#0ea5e914;border:1px solid #0ea5e933;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:0;font-size:18px;font-weight:900;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0ea5e91a}.topnav.shifted nav .toggle-button{cursor:pointer;color:#000;z-index:1001;background:#0000000a;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:0;font-size:18px;font-weight:900;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0000000d}.toggle-button:hover{color:#0284c7;background:#0ea5e926;transform:scale(1.08)translateY(-1px);box-shadow:0 6px 16px #0ea5e933}.topnav.shifted nav .toggle-button:hover{color:#000;background:#00000014;transform:scale(1.08)translateY(-1px);box-shadow:0 6px 16px #0000001a}.profile{position:relative}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-popup{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);color:#0f172a;transform-origin:100% 0;background:#fffffff2;border-radius:24px;flex-direction:column;align-items:center;width:200px;height:auto;min-height:260px;padding:16px 0;animation:.3s cubic-bezier(.16,1,.3,1) forwards popupFadeIn;display:flex;position:absolute;top:60px;right:0;box-shadow:0 20px 40px #0f172a1a,0 0 0 1px #e2e8f0cc}.profile-popup li{flex-direction:column;justify-content:center;align-items:center;width:80%;height:100%;display:flex}.top-profile-img{-o-object-fit:cover;object-fit:cover;cursor:pointer;border:2px solid #fff;border-radius:50%;width:36px;height:36px;margin:0;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #0f172a1a}.top-profile-img:hover{transform:scale(1.1);box-shadow:0 6px 16px #0ea5e940}.profile-img{-o-object-fit:cover;object-fit:cover;border:3px solid #fff;border-radius:50%;width:72px;height:72px;margin-bottom:12px;box-shadow:0 8px 24px #0f172a1f}@media (max-width:1224px){.top-profile-img{width:40px;height:40px}.profile-img{width:64px;height:64px}.top-view-image{width:30px;height:30px}}.profile-row{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:100%;padding:0 16px;display:flex}.profile-row span{cursor:pointer;color:#475569;text-align:center;border:1px solid #0000;border-radius:12px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.profile-row span:hover{color:#0ea5e9;background:linear-gradient(135deg,#0ea5e90d,#0ea5e91f);border-color:#0ea5e933;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e91a}.tenant-reminder-floating{bottom:18px;right:18px;z-index:2147483647!important;position:fixed!important;overflow:visible!important}.tenant-due-chip{background:linear-gradient(#fff 0%,#f6faff 100%);border:1px solid #dbe8ff;border-radius:12px;width:330px;padding:10px 12px;line-height:1.25;animation:1.8s ease-in-out infinite tenantReminderPulse;position:relative;box-shadow:0 8px 22px #0f172a14}.tenant-due-close-btn{color:#334155;cursor:pointer;background:#e2e8f0;border:0;border-radius:50%;width:20px;height:20px;padding:0;font-size:10px;font-weight:700;line-height:20px;position:absolute;top:6px;right:8px}.tenant-due-close-btn:hover{background:#cbd5e1}.tenant-due-chip-top{align-items:center;gap:6px;display:flex}.tenant-due-chip-icon{color:#0ea5e9;font-size:12px}.tenant-due-title{color:#0f172a;font-size:12px;font-weight:700}.tenant-due-domain{color:#475569;margin-top:1px;font-size:11px}.tenant-due-heading{color:#1e293b;margin-top:4px;font-size:11px;font-weight:700}.tenant-due-status{border-radius:999px;margin-top:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.tenant-due-status-overdue{color:#b91c1c;background:#fee2e2}.tenant-due-status-suspended{color:#fff;background:#b91c1c}.tenant-due-status-near{color:#92400e;background:#ffedd5}.tenant-due-status-active{color:#166534;background:#dcfce7}.tenant-due-status-unknown{color:#334155;background:#e2e8f0}.tenant-due-message{color:#0f172a;margin-top:4px;font-size:11px}.tenant-due-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.tenant-due-date{color:#64748b;font-size:10px}.tenant-due-cta{color:#fff;white-space:nowrap;background:linear-gradient(90deg,#0369a1 0%,#0ea5e9 100%);border:0;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:700;transition:transform .2s,box-shadow .2s}.tenant-due-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0ea5e959}@keyframes tenantReminderPulse{0%{opacity:.98;transform:scale(1);box-shadow:0 8px 22px #0f172a14}50%{opacity:1;transform:scale(1.03);box-shadow:0 0 0 3px #0ea5e92e,0 14px 28px #0ea5e938}to{opacity:.98;transform:scale(1);box-shadow:0 8px 22px #0f172a14}}@media (max-width:1100px){.tenant-reminder-floating{display:none!important}}@media (max-width:768px){.topnav,.topnav.shifted,.topnav.normal{box-shadow:0 4px 30px #0f172a0d;z-index:100!important;width:100%!important;margin-left:0!important;padding:8px 10px!important;position:fixed!important;top:0!important;left:0!important}.topnav nav,.topnav.shifted nav{justify-content:space-between;align-items:center;width:100%;margin-left:0;margin-right:0;display:flex}.toggle-button,.topnav.shifted nav .toggle-button{margin-left:5px!important}}.modal-container{z-index:999;background:#fff;border:1px solid #f5f5f5;justify-content:flex-end;width:auto;height:auto;display:flex;position:fixed;top:50px;right:0}.modal-overlay{z-index:998;width:100%;height:100%;position:fixed;top:0;left:0}.modal-content{z-index:999;background:#fff;height:100%;padding:20px;animation:.3s forwards slideIn;overflow-y:auto;transform:translate(100%);box-shadow:-2px 0 10px #0003}.modal-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.text-secondary-light:hover{color:#37cefc}.item-text{color:#464646}.header-link-icon{color:#000;fill:#000;background-color:#0000;border-radius:50%;width:34px;height:34px;padding:.45rem;font-size:1rem;font-weight:700;transition:all 50ms;position:relative}.header-icon-badge{padding:.15rem .25rem;font-size:.625rem;position:absolute;inset-block-start:0;inset-inline-end:.45rem}.header-icon-pulse{width:5px;height:5px;position:absolute;inset-block-start:1px;inset-inline-end:14px}.animate-bell{transform-origin:50% 4px;animation:4s ease-in-out .7s infinite ring}@keyframes ring{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}to{transform:rotate(0)}}.pulse{cursor:pointer;animation:2s infinite pulse-secondary;display:block}.pulse.pulse-secondary{box-shadow:0 0 #6bb5f169}@keyframes pulse-secondary{0%{box-shadow:0 0 #6bb5f166}70%{box-shadow:0 0 0 10px #6bb5f100}to{box-shadow:0 0 #6bb5f100}}@media (max-width:480px){.topnav{z-index:10;background:#fff;justify-content:space-between;align-items:center;width:100%;margin-left:0;margin-right:0;padding:10px 0;transition:margin-left .5s,width .5s;display:flex;position:fixed;top:0;right:0;box-shadow:0 2px 5px #0000001a}.topnav.shifted{width:100%;margin-left:0}.topnav nav{justify-content:space-between;align-items:center;width:100%;margin-left:10px;margin-right:10px;display:flex}.topnav.shifted nav{margin-left:10px}.topnav nav ul{justify-content:flex-end;align-items:center;margin:0;padding:0;display:flex}.topnav nav ul li a{margin-left:10px;font-size:16px}.toggle-button{color:#111;border-radius:50%;margin-left:5px;padding:5px;font-size:16px}.topnav.shifted nav .toggle-button{color:#111;margin-left:5px;padding:5px;font-size:16px}.profile-popup{border-radius:15px;width:180px;height:250px;top:50px;right:10px;box-shadow:0 2px 8px #00000026}.profile-img{width:40%;margin-top:8%}.profile-row span{padding:4px 8px;font-size:14px}.header-link-icon{width:28px;height:28px;padding:.35rem}.header-icon-badge{padding:.1rem .2rem;font-size:.5rem}.header-icon-pulse{width:4px;height:4px;inset-inline-end:10px}.modal-container{width:100%;top:48px;right:0}.modal-content{max-width:80%;padding:15px}.modal-header{margin-bottom:8px;padding-bottom:8px}}.notification-drawer{-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);background:#ffffffd9;border:1px solid #e2e8f099;border-radius:28px;flex-direction:column;width:390px;max-width:calc(100vw - 32px);height:calc(100vh - 88px);display:flex;position:fixed;top:72px;right:16px;overflow:hidden;box-shadow:0 30px 60px #0f172a26,inset 0 1px 1px #ffffffe6}.notification-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66}.notification-drawer-header{background:0 0;border-bottom:1px solid #e2e8f080;padding:16px 20px 12px}.notification-drawer-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.notification-drawer-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.notification-drawer-subtitle{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:500}.notification-drawer-close{color:#64748b;cursor:pointer;background:#fff;border:0;border-radius:8px;width:28px;height:28px;font-size:12px;font-weight:700}.notification-drawer-close:hover{color:#0f172a;background:#e9f2ff}.notification-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.notification-filters{background:#fff;border:1px solid #dbe7f5;border-radius:10px;padding:2px;display:inline-flex}.notification-filter-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.notification-filter-btn.active{color:#0f5fcc;background:#e8f2ff}.notification-mark-all-btn{color:#0f5fcc;cursor:pointer;background:#fff;border:1px solid #dbe7f5;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:inline-flex}.notification-mark-all-btn:disabled{opacity:.45;cursor:not-allowed}.notification-mark-all-btn:not(:disabled):hover{background:#e8f2ff}.notification-drawer-body{flex:1;padding:6px 12px 12px;overflow-y:auto}.notification-drawer-body::-webkit-scrollbar{width:5px}.notification-drawer-body::-webkit-scrollbar-thumb{background:#cfe0f7;border-radius:12px}.notification-group{margin-bottom:10px;position:relative}.notification-group-label{z-index:10;text-align:center;color:#334155;-webkit-backdrop-filter:blur(16px)saturate(180%);text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#fffffff2,#f8fafccc);border:1px solid #ffffffe6;border-radius:24px;width:fit-content;margin:0 auto 15px;padding:6px 18px;font-size:11px;font-weight:700;position:sticky;top:10px;box-shadow:0 4px 15px #0f172a0d,inset 0 2px 4px #fff}.notification-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #e2e8f080;border-radius:16px;align-items:flex-start;gap:12px;margin:0 0 12px;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0f172a08}.notification-card.is-unread{background:linear-gradient(135deg,#0ea5e914,#0284c71f);border-color:#0ea5e94d;box-shadow:inset 4px 0 #0ea5e9}.notification-card.is-viewed{background:#f8fafc99;border-color:#e2e8f099}.notification-card:hover{background:#fffffff2;border-color:#0ea5e94d;transform:translateY(-2px)scale(1.02);box-shadow:0 12px 24px -4px #0ea5e926,inset 0 1px 1px #fff}.notification-card.is-unread:hover{background:linear-gradient(135deg,#0ea5e926,#0284c733);box-shadow:inset 4px 0 #0ea5e9,0 12px 24px -4px #0ea5e940}.notification-icon-wrap{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e933;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 8px #0ea5e91a}.notification-icon{color:#0ea5e9;filter:drop-shadow(0 2px 4px #0ea5e94d);font-size:20px}.notification-content{flex:1;min-width:0}.notification-message{white-space:pre-line;color:#0f172a;margin:0;font-size:13px;line-height:1.45}.notification-date{color:#64748b;text-align:right;margin-top:6px;font-size:11px;display:block}.notification-unread-indicator{color:#16a34a;flex-shrink:0;margin-top:2px;font-size:18px}.notification-empty-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;font-size:14px;display:flex}.notification-empty-icon{opacity:.7;font-size:30px}.notification-loader,.notification-end{text-align:center;color:#94a3b8;padding:10px 0 8px;font-size:12px}@media (max-width:768px){.notification-drawer{border-radius:14px;width:auto;height:calc(100vh - 74px);top:62px;left:6px;right:6px}}.weather-popup{background:#fff;width:320px;max-width:90%;animation:.3s ease-out slideIn;overflow:hidden;box-shadow:0 4px 20px #00000026}.weather-header{color:#fff;background:linear-gradient(135deg,#4a90e2,#50c9c3);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.weather-title{margin:0;font-size:1rem;font-weight:600}.weather-body{padding:16px}.weather-content{flex-direction:column;gap:12px;display:flex}.weather-main{align-items:center;gap:12px;display:flex}.weather-icon{color:#4a90e2;font-size:3rem}.weather-info{flex:1}.weather-info h6{color:#333;margin:0;font-size:1rem}.temperature{color:#333;margin:4px 0;font-size:1.5rem;font-weight:700}.condition{color:#666;text-transform:capitalize;margin:0;font-size:.9rem}.weather-details{border-top:1px solid #e0e0e0;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.detail-item{color:#555;align-items:center;gap:8px;font-size:.9rem;display:flex}.detail-icon{color:#4a90e2;font-size:1.5rem}.loading{text-align:center;color:#666;padding:16px;font-size:.9rem}.tab-content::-webkit-scrollbar{width:4px}.tab-content::-webkit-scrollbar-thumb{border-radius:3px}.tab-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.settings-menu-modal{z-index:1050;color:#333;position:fixed;top:30%;right:17%;box-shadow:1px 1px 10px #333;border-radius:20px!important}.settings-menu-content{background:#fff;border-radius:20px;width:auto;overflow:hidden;box-shadow:0 4px 8px #0003}.settings-menu-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:10px;display:flex}.settings-menu-body{padding:10px;font-size:13px!important}.settings-menu-item{color:#333;padding:10px 15px;text-decoration:none;transition:background-color .2s;display:block}.settings-menu-item:hover{background-color:#ccf6fc;border-radius:10px}.settings-menu-overlay{z-index:1040;background:0 0;position:fixed;inset:0}.close-btn{color:#fff;background:linear-gradient(146deg,#ff6486 60%,#fdebeb);border-radius:40%;font-size:12px;margin-right:0!important}.close-btn:hover{color:#fff;background:linear-gradient(146deg,#f01847,#f0a0a0)}.profile-row span{cursor:pointer;padding:8px 12px;display:block}.profile-row span.active{background-color:#ccf6fc;border-radius:10px}.internet-issue-message-container{pointer-events:auto}.internet-issue-message{transition:transform .3s,box-shadow .3s}.internet-issue-message:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0003,inset 0 2px 4px #ffffff26}@media (max-width:768px){.internet-issue-message{gap:12px;max-width:90%;padding:12px 20px;font-size:14px}.internet-issue-message button{padding:5px 8px;font-size:13px}}@media (min-width:480px) and (max-width:768px){.toggle-button,.topnav.shifted nav .toggle-button{margin-left:5%}}