.alerts-panel__overlay{z-index:950;justify-content:flex-end;display:flex;position:fixed;inset:0}.alerts-panel__backdrop{background:#0006;position:absolute;inset:0}.alerts-panel{background:#fff;flex-direction:column;width:100%;max-width:420px;height:100%;display:flex;position:relative;box-shadow:-8px 0 32px #0003}.alerts-panel__header{background:var(--color-ug-maroon);color:#fff;flex:none;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.alerts-panel__title{font-size:1rem;font-weight:700}.alerts-panel__close{color:#ffffffd9;cursor:pointer;background:0 0;border:none;min-width:32px;min-height:32px;font-size:1.1rem;line-height:1}.alerts-panel__close:hover{color:#fff}.alerts-panel__body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px 18px 24px;overflow-y:auto}.alerts-panel__empty{color:var(--color-ug-text-muted);text-align:center;margin-top:32px;font-size:.85rem}.alerts-panel__group{margin-bottom:20px}.alerts-panel__group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ug-text-muted);margin-bottom:8px;font-size:.72rem;font-weight:700}.alerts-panel__cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.alerts-card{border:1px solid var(--color-ug-border);background:var(--color-ug-cream);border-radius:10px;padding:12px 14px}.alerts-card__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.alerts-card__name{color:var(--color-ug-text);font-size:.9rem;font-weight:700}.alerts-card__trigger{color:var(--color-ug-text);margin:0 0 8px;font-size:.8rem;line-height:1.4}.alerts-card__meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.alerts-card__mode{text-transform:uppercase;letter-spacing:.03em;color:var(--color-ug-text-muted);font-size:.68rem;font-weight:700}.alerts-card__due{color:var(--color-ug-text-muted);font-size:.72rem}.alerts-card__due--overdue{color:var(--color-ug-maroon);font-weight:700}.alerts-card__progress{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.alerts-card__actions{justify-content:flex-end;display:flex}.alerts-card__ack{background:var(--color-ug-maroon);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:.8rem;font-weight:700}.alerts-card__ack:disabled{background:var(--color-ug-border-dark);cursor:not-allowed}.alerts-card__done{color:#2e7d4a;font-size:.78rem;font-weight:700}.alerts-card__clear-pill{text-transform:uppercase;letter-spacing:.02em;color:#8e1a1d;white-space:nowrap;background:#fbe3e2;border:1px solid #e9a7a4;border-radius:999px;flex:none;padding:2px 9px;font-size:.62rem;font-weight:700}.alerts-card__review-toggle{border:1px solid var(--color-ug-border-dark);cursor:pointer;color:var(--color-ug-text);background:#fff;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:700}.alerts-card__review-toggle:hover{background:var(--color-ug-cream-dark)}.alerts-card__review-body{border-top:1px solid var(--color-ug-border);max-height:60vh;margin-top:10px;padding-top:10px;overflow-y:auto}@media (max-width:480px){.alerts-panel{max-width:100%}}
.alerts-bell{position:relative}.alerts-bell__trigger{border:1px solid var(--color-ug-border-dark);color:var(--color-ug-text);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:background .15s,border-color .15s;display:flex;position:relative}.alerts-bell__trigger:hover{background:var(--color-ug-cream)}.alerts-bell__badge{background:var(--color-ug-gold);color:#1f1f1f;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.alerts-bell__badge--critical{background:var(--color-ug-maroon);color:#fff}
.app-header{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex}.app-header__title{color:#1a1a1a;margin:0;font-size:1.25rem;font-weight:700}.app-header__subtitle{color:#888;margin:.1rem 0 0;font-size:.8rem}.app-header__right{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.app-header__datetime{text-align:right;flex-direction:row;align-items:baseline;gap:.4rem;display:flex}.app-header__date{color:#333;font-size:.875rem;font-weight:600}.app-header__time{color:#888;font-size:.8rem}.app-header__actions{flex-direction:row;align-items:center;gap:.6rem;display:flex}.app-header__refresh{color:#aaa;margin-top:.15rem;font-size:.8rem;display:block}.app-header__token-timer{color:#aaa;font-size:.7rem;display:block}.app-header__token-timer--paused{color:#a41e22;font-weight:600}.app-header__collapsed{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.app-header__logo{width:auto;height:60px}.app-header__logo-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.app-header__menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.28rem;width:1.5rem;min-width:44px;min-height:44px;padding:0;display:flex}.app-header__menu-btn span{background:#333;border-radius:2px;width:1.5rem;height:2px;display:block}@media (max-width:1180px){.app-header__menu-btn{margin-right:.75rem}.app-header__subtitle{display:none}.app-header__title{font-size:1rem}.app-header__datetime{text-align:right;flex-direction:row;align-items:center;gap:.4rem;display:flex}.app-header__date{font-size:.7rem;font-weight:500}.app-header__time{color:#555;font-size:.7rem}.app-header__refresh,.app-header__token-timer{display:none}}@media (max-width:767px){.app-header{padding:.75rem 1rem}.app-header__title{font-size:.9rem}.app-header__logo{height:44px}}@media (max-width:480px){.app-header__datetime{display:none}.app-header__title{font-size:.85rem}.app-header__logo{height:38px}}@media (max-width:360px){.app-header{padding:.6rem .75rem}.app-header__title{font-size:.8rem}}