.header-actions{position:relative}.reminder-button{position:relative;display:flex;align-items:center;gap:7px;border:1px solid #d6dfdc;background:#fff;color:#365e57;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer}.reminder-button .reminder-icon{font-size:16px}.reminder-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#d95650;color:#fff;font-size:10px}.reminder-panel{position:absolute;z-index:30;right:135px;top:48px;width:390px;padding:0;background:#fff;border:1px solid #dce4e1;border-radius:11px;box-shadow:0 18px 45px #173a3a26;overflow:hidden}.reminder-panel[hidden]{display:none}.reminder-head{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.reminder-head h3{margin:0;font-size:14px}.reminder-head span{color:var(--muted);font-size:10px}.reminder-list{max-height:430px;overflow:auto}.reminder-group{padding:13px 16px;border-bottom:1px solid #edf1ef}.reminder-group:last-child{border-bottom:0}.reminder-group button{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.reminder-group button:hover b{color:#2f7563}.reminder-group i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#edf4f1;color:#397967;font-style:normal;font-size:15px}.reminder-group.urgent i{background:#fbe9e8;color:#c8524d}.reminder-group.warning i{background:#fff1dc;color:#9a6c22}.reminder-group b{display:block;font-size:11px}.reminder-group small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.reminder-group strong{font-size:13px;color:#315f57}.reminder-empty{text-align:center;padding:34px;color:var(--muted);font-size:11px}.reminder-foot{display:flex;justify-content:flex-end;padding:10px 15px;background:#f8faf9}.reminder-foot button{border:0;background:transparent;color:#357469;font-size:10px;font-weight:700;cursor:pointer}@media(max-width:700px){.reminder-button>span:not(.reminder-icon):not(.reminder-count){display:none}.reminder-panel{position:fixed;left:12px;right:12px;top:68px;width:auto}}