:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:#f0f2f5;min-width:320px;min-height:100vh;margin:0;padding:0}#root{min-height:100vh}.page-tab-toggle{margin-bottom:16px}.notification-dropdown{background:#fff;border-radius:8px;width:400px;max-height:600px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d}.notification-header{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-title{color:#262626;font-size:16px;font-weight:600}.notification-list{max-height:450px;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s;padding:12px 16px!important}.notification-item:hover{background-color:#fafafa}.notification-item.unread{background-color:#e6f7ff}.notification-item.unread:hover{background-color:#d4efff}.notification-content{align-items:flex-start;gap:12px;width:100%;display:flex}.notification-icon{flex-shrink:0;margin-top:2px;font-size:20px}.notification-body{flex:1;min-width:0}.notification-item-title{color:#262626;align-items:center;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.notification-message{color:#595959;margin-bottom:4px;font-size:13px;line-height:1.4}.notification-time{color:#8c8c8c;font-size:12px}.notification-delete{opacity:0;flex-shrink:0;transition:opacity .2s}.notification-item:hover .notification-delete{opacity:1}.notification-footer{text-align:center;padding:8px 16px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f0f0f0}.notification-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#8c8c8c}