.qn-bell{position:relative;background:none;border:0;cursor:pointer;padding:8px;border-radius:8px;color:inherit;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.qn-bell:hover{background:rgba(0,0,0,.05)}.qn-bell-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.qn-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:calc(100vw - 16px);max-height:480px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:50;display:flex;flex-direction:column}.qn-dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);font-weight:600}.qn-dropdown-head button{background:none;border:0;color:#6366f1;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px}.qn-dropdown-head button:hover{background:rgba(99,102,241,.08)}.qn-list{overflow-y:auto;flex:1;min-height:0}.qn-empty{padding:32px 16px;text-align:center;color:rgba(0,0,0,.5);font-size:14px}.qn-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;text-decoration:none;color:inherit;transition:background .1s}.qn-row:hover{background:rgba(0,0,0,.02)}.qn-row.qn-unread{border-left:3px solid #6366f1;padding-left:13px}.qn-row.qn-unread .qn-row-title{font-weight:700}.qn-row-icon{width:32px;height:32px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.qn-row-icon.fam-orders{background:#dbeafe;color:#2563eb}.qn-row-icon.fam-mockups{background:#fef3c7;color:#d97706}.qn-row-icon.fam-billing{background:#dcfce7;color:#16a34a}.qn-row-icon.fam-account{background:#f3e8ff;color:#9333ea}.qn-row-body{flex:1;min-width:0}.qn-row-title{font-size:14px;line-height:1.3;margin:0 0 2px;color:#111827}.qn-row-snippet{font-size:13px;color:rgba(0,0,0,.55);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qn-row-time{font-size:12px;color:rgba(0,0,0,.4);margin-top:4px}.qn-dropdown-foot{border-top:1px solid rgba(0,0,0,.06);padding:10px 16px;text-align:center}.qn-dropdown-foot a{color:#6366f1;font-size:13px;text-decoration:none;font-weight:600}.qn-dropdown-foot a:hover{text-decoration:underline}