._drawer_n4yxz_1{position:fixed;top:0;right:0;width:100vw;height:100vh;z-index:1000;background-color:#00000080;display:flex;justify-content:flex-end;overflow:hidden}._drawer_n4yxz_1 ._container_n4yxz_13{background-color:#fff;box-shadow:-4px 0 10px #0000001a;width:400px;height:100vh;display:flex;flex-direction:column}._drawer_n4yxz_1 ._container_n4yxz_13 ._header_n4yxz_21{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eaeaea}._drawer_n4yxz_1 ._container_n4yxz_13 ._header_n4yxz_21 h2{margin:0;font-size:18px;font-weight:600;color:#333}._drawer_n4yxz_1 ._container_n4yxz_13 ._header_n4yxz_21 ._closeButton_n4yxz_34{background:none;border:none;cursor:pointer;color:#666;font-size:24px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background-color .2s}._drawer_n4yxz_1 ._container_n4yxz_13 ._header_n4yxz_21 ._closeButton_n4yxz_34:hover{background-color:#f5f5f5}._drawer_n4yxz_1 ._container_n4yxz_13 ._content_n4yxz_50{flex:1;overflow-y:auto;padding:0}._drawer_n4yxz_1 ._container_n4yxz_13 ._notificationList_n4yxz_55{list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden}._drawer_n4yxz_1 ._container_n4yxz_13 ._notificationList_n4yxz_55:webkit-scrollbar{width:0}._drawer_n4yxz_1 ._container_n4yxz_13 ._notification_n4yxz_55{padding:16px 20px;border-bottom:1px solid #eaeaea;transition:background-color .2s;cursor:pointer;position:relative;overflow:hidden}._drawer_n4yxz_1 ._container_n4yxz_13 ._notification_n4yxz_55:webkit-scrollbar{width:0}._drawer_n4yxz_1 ._container_n4yxz_13 ._notification_n4yxz_55:hover{background-color:#f9f9f9}._drawer_n4yxz_1 ._container_n4yxz_13 ._notification_n4yxz_55._unread_n4yxz_79{background-color:#f0f7ff}._drawer_n4yxz_1 ._container_n4yxz_13 ._notification_n4yxz_55._unread_n4yxz_79:hover{background-color:#e6f2ff}._drawer_n4yxz_1 ._container_n4yxz_13 ._notification_n4yxz_55._unread_n4yxz_79:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:#06c}._drawer_n4yxz_1 ._container_n4yxz_13 ._notificationTitle_n4yxz_96{font-weight:600;font-size:14px;margin:0 0 6px;color:#333}._drawer_n4yxz_1 ._container_n4yxz_13 ._notificationMessage_n4yxz_102{font-size:13px;color:#666;margin:0;line-height:1.4}._drawer_n4yxz_1 ._container_n4yxz_13 ._notificationTime_n4yxz_108{font-size:12px;color:#999;margin-top:8px;display:block}._drawer_n4yxz_1 ._container_n4yxz_13 ._notificationActions_n4yxz_114{display:flex;justify-content:flex-end;margin-top:8px;gap:8px}._drawer_n4yxz_1 ._container_n4yxz_13 ._actionButton_n4yxz_120{background:none;border:none;font-size:12px;color:#06c;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}._drawer_n4yxz_1 ._container_n4yxz_13 ._actionButton_n4yxz_120[data-link]{padding:0}._drawer_n4yxz_1 ._container_n4yxz_13 ._actionButton_n4yxz_120._delete_n4yxz_133{color:#dc3545}._drawer_n4yxz_1 ._container_n4yxz_13 ._actionButton_n4yxz_120:hover{text-decoration:underline}._drawer_n4yxz_1 ._container_n4yxz_13 ._emptyState_n4yxz_139{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;text-align:center;color:#999}._drawer_n4yxz_1 ._container_n4yxz_13 ._emptyState_n4yxz_139 svg{margin-bottom:16px;color:#ccc;font-size:48px}._drawer_n4yxz_1 ._container_n4yxz_13 ._emptyState_n4yxz_139 p{margin:0;font-size:14px}._drawer_n4yxz_1 ._container_n4yxz_13 ._footer_n4yxz_158{padding:12px 20px;border-top:1px solid #eaeaea;display:flex;flex-direction:column;align-items:flex-start;gap:8px}._drawer_n4yxz_1 ._container_n4yxz_13 ._markAllRead_n4yxz_166{background:none;border:none;color:#06c;font-size:13px;cursor:pointer;padding:0}._drawer_n4yxz_1 ._container_n4yxz_13 ._markAllRead_n4yxz_166:hover{text-decoration:underline}