.nav-item{position:relative}.nav-item>.nav-glyph+span{display:block;flex:1;min-width:0;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;place-items:unset;color:inherit}
.nav-alert-badge{display:grid;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;border-radius:999px;background:#ef535a;color:#fff;font-size:10px;font-weight:900;box-shadow:0 4px 12px rgba(239,83,90,.3)}
.nav-alert-badge.support{background:#a779f5}
.notification-center{position:relative}
.notification-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #dfe3ed;border-radius:13px;background:#fff;color:#5142a8;font-size:18px;box-shadow:0 5px 16px rgba(39,44,74,.07)}
.notification-button:hover,.notification-button.has-alerts{border-color:#c7bcff;background:#f5f2ff}
.notification-button b{position:absolute;right:-6px;top:-7px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#e6424d;color:#fff;font-size:9px;font-weight:900}
.notification-popover{position:absolute;right:0;top:52px;width:min(390px,calc(100vw - 28px));overflow:hidden;border:1px solid #dfe2ed;border-radius:19px;background:#fff;box-shadow:0 24px 70px rgba(28,27,58,.22);z-index:80}
.notification-popover header{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f7f5ff,#fff)}
.notification-popover header span{display:block;color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.12em}.notification-popover header strong{display:block;margin-top:3px;font-size:17px}.notification-popover header button{border:0;background:#eeeef4;color:#5d6272;width:31px;height:31px;border-radius:9px;font-size:20px}
.notification-list{display:grid;gap:1px;max-height:420px;overflow:auto;background:#eceef4}.notification-item{display:flex;align-items:flex-start;gap:11px;width:100%;padding:14px 16px;border:0;background:#fff;text-align:left;color:var(--ink)}.notification-item:hover{background:#f8f7ff}.notification-item>span,.notification-empty>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#fff0e9;color:#d76826;font-weight:900}.notification-item.support>span{background:#eee9ff;color:#684cda}.notification-item.announcement>span{background:#eaf5ff;color:#2f80ed}.notification-item strong,.notification-item small{display:block}.notification-item strong{font-size:13px}.notification-item small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}.notification-popover footer{padding:10px 15px;color:#8b91a2;background:#fafbfc;font-size:10px;text-align:center}
.notification-empty{display:flex;align-items:center;gap:11px;padding:21px 16px;background:#fff}.notification-empty>span{background:#e8f8ef;color:var(--green)}.notification-empty strong,.notification-empty small{display:block}.notification-empty small{margin-top:3px;color:var(--muted);font-size:11px}
.system-alerts{display:grid;gap:10px;margin:-5px 0 19px}.system-alert{display:flex;align-items:center;gap:13px;width:100%;padding:14px 16px;border:1px solid #f0ca8d;border-left:5px solid #e27c22;border-radius:15px;background:linear-gradient(100deg,#fff7e8,#fff);color:#563812;text-align:left;box-shadow:0 7px 22px rgba(174,105,24,.08)}button.system-alert:hover{transform:translateY(-1px);box-shadow:0 11px 26px rgba(174,105,24,.13)}.system-alert.support{border-color:#d6cdfd;border-left-color:#7358e8;background:linear-gradient(100deg,#f4f1ff,#fff);color:#45358b}.system-alert-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#fff0d8;color:#b66716;font-size:18px;font-weight:900}.system-alert.support .system-alert-icon{background:#e9e3ff;color:#6248d2}.system-alert>span:nth-child(2){min-width:0;flex:1}.system-alert strong,.system-alert small{display:block}.system-alert strong{font-size:14px}.system-alert small{margin-top:3px;color:inherit;opacity:.76;line-height:1.4}.system-alert>b{font-size:11px;white-space:nowrap}.system-alert.static{margin:0 0 17px}
.appointment-filter-card{margin-bottom:14px;padding:19px}.filter-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.filter-card-head>div:first-child span{display:block;color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.12em}.filter-card-head>div:first-child strong{display:block;margin-top:4px;font-size:19px}.filter-card-head>div:last-child{display:flex;align-items:center;gap:8px}.active-filter-count{padding:6px 9px;border-radius:999px;background:#eeeaff;color:var(--primary);font-size:10px;font-weight:850}
.appointment-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.appointment-filter-grid .filter{min-width:0}.appointment-filter-grid .filter>span{display:block;margin:0 0 6px 2px;color:#555d72;font-size:11px;font-weight:800}.appointment-filter-grid .search-filter{grid-column:span 2}.filter-checks{display:flex;align-items:center;gap:9px;grid-column:span 2;padding-top:17px}.filter-checks label{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #dfe2eb;border-radius:11px;background:#fafbfc;color:#51586c;font-size:11px;font-weight:750}.filter-checks input{width:17px;height:17px;margin:0;accent-color:var(--primary)}
.appointment-filter-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 18px}.appointment-filter-summary>div{position:relative;overflow:hidden;padding:12px 14px;border:1px solid #dedff0;border-radius:14px;background:#fff}.appointment-filter-summary>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#7458e8}.appointment-filter-summary span,.appointment-filter-summary small{display:block}.appointment-filter-summary span{color:#7061bd;font-size:9px;font-weight:900;letter-spacing:.06em}.appointment-filter-summary strong{display:inline-block;margin:4px 6px 0 0;font-size:23px}.appointment-filter-summary small{display:inline;color:var(--muted);font-size:10px}.appointment-filter-summary .planned:before{background:var(--blue)}.appointment-filter-summary .planned span{color:var(--blue)}.appointment-filter-summary .overdue:before{background:var(--orange)}.appointment-filter-summary .overdue span{color:#c76610}.appointment-filter-summary .balance:before{background:var(--green)}.appointment-filter-summary .balance span{color:var(--green)}
.appointment-card.overdue{border-color:#efc17c;border-left-color:#e47c1c;background:linear-gradient(100deg,#fff9ee 0%,#fff 58%);padding-bottom:42px}.appointment-card.overdue:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:15px;box-shadow:inset 0 0 0 1px rgba(229,125,24,.08)}.overdue-flag{position:absolute;right:14px;bottom:13px;padding:5px 8px;border-radius:8px;background:#fff0d7;color:#a95811;font-size:9px;font-weight:900;letter-spacing:.045em}.overdue-detail-warning,.support-reply-alert{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;padding:14px;border:1px solid #efc682;border-radius:14px;background:#fff7e8;color:#6c4314}.overdue-detail-warning>span,.support-reply-alert>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#ffe9c4;color:#a9570d;font-weight:900}.overdue-detail-warning strong,.support-reply-alert strong{display:block}.overdue-detail-warning p,.support-reply-alert p{margin:3px 0 0;color:inherit;opacity:.8;font-size:12px;line-height:1.45}
.support-card.unread{position:relative;border-color:#cfc5ff;background:linear-gradient(105deg,#f7f4ff,#fff)}.support-card.unread strong{color:#3d2f86}.support-unread-badge{padding:6px 9px;border-radius:999px;background:#694ddd;color:#fff;font-size:9px;font-weight:900;white-space:nowrap;box-shadow:0 5px 13px rgba(105,77,221,.2)}.support-reply-alert{border-color:#d4cafd;background:#f5f2ff;color:#4f3aab}.support-reply-alert>span{background:#e5deff;color:#6547d8}
@media(max-width:1120px){.appointment-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.appointment-filter-grid .search-filter{grid-column:span 2}.filter-checks{grid-column:1/-1;padding-top:0}}
@media(max-width:780px){.appointment-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appointment-filter-grid .search-filter{grid-column:1/-1}.appointment-filter-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-card-head{align-items:flex-start}.filter-card-head>div:last-child{align-items:flex-end;flex-direction:column}.system-alert{align-items:flex-start}.system-alert>b{display:none}}
@media(max-width:680px){.notification-popover{position:fixed;top:70px;right:12px;left:12px;width:auto}.notification-button{width:39px;height:39px}.topbar-actions{gap:8px}.appointment-filter-card{padding:15px}.appointment-filter-grid{grid-template-columns:1fr}.appointment-filter-grid .search-filter,.filter-checks{grid-column:1}.filter-checks{align-items:stretch;flex-direction:column}.filter-checks label{width:100%}.appointment-filter-summary{gap:7px}.appointment-filter-summary>div{padding:11px}.appointment-filter-summary strong{font-size:20px}.overdue-flag{left:14px;right:auto}.support-unread-badge{align-self:flex-start}.content{padding-bottom:120px}}